<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>淘宝网 - 淘！我喜欢</title>
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" href="./css/style.css">
    <!-- 这个animate.js 必须写到 index.js的上面引入 -->
    <script src="js/animate.js"></script>
    <!-- 引入我们首页的js文件 -->
    <script src="js/index.js"></script>
    <link rel="stylesheet" href="font_2759377_jq0p0jb8e0q/iconfont.css">
    <script src="js/conve.js"></script>
</head>

<body>
    <div class="site-nav">
        <div class="w site-nav-all">
            <div class="site-nav-bd">
                <span>中国大陆</span>

                <div class="site-nav-menu-bd">
                    <ul>
                        <li><a href="#">全球</a></li>
                        <li><a href="#">中国大陆</a></li>
                        <li><a href="#">中国香港</a></li>
                        <li><a href="#">中国台湾</a></li>
                        <li><a href="#">中国澳门</a></li>
                        <li><a href="#">韩国</a></li>
                        <li><a href="#">马来西亚</a></li>
                        <li><a href="#">澳大利亚</a></li>
                        <li><a href="#">新加坡</a></li>
                        <li><a href="#">新西兰</a></li>
                        <li><a href="#">加拿大</a></li>
                        <li><a href="#">美国</a></li>
                        <li><a href="#">日本</a></li>
                    </ul>
                </div>
            </div>
            <ul class="nav-one">
                <li><a href="#">亲,请登录</a></li>
                <li><a href="#">免费注册</a></li>
                <li><a href="#">手机逛淘宝</a></li>
            </ul>
            <ul class="nav-two">
                <li><a href="#">我的淘宝</a>
                    <div class="bd-one">
                        <a href="#">已买到的宝贝</a>
                        <a href="#">我的足迹</a>
                    </div>
                </li>
                <li><a href="#">购物车</a></li>
                <li><a href="#">收藏夹</a>
                    <div class="bd-one">
                        <a href="#">收藏的宝贝</a>
                        <a href="#">收藏的店铺</a>
                    </div>
                </li>
                <li><a href="#">商品分类</a></li>
                <li><a href="#">免费开店</a></li>
                <li>|</li>
                <li><a href="#">千牛卖家中心</a>
                    <div class="bd-one">
                        <a href="#">免费开店</a>
                        <a href="#">已卖出的宝贝</a>
                        <a href="#">出售中的宝贝</a>
                        <a href="#">卖家服务市场</a>
                        <a href="#">卖家培训中心</a>
                        <a href="#">体验中心</a>
                        <a href="#">问商友</a>
                    </div>
                </li>
                <li><a href="#">联系客服</a>
                    <div class="bd-one">
                        <a href="#">消费者客服</a>
                        <a href="#">商家服务大厅</a>
                    </div>
                </li>
                <li style="position: relative;"><a href="#">网站导航</a>
                    <div class="nav-menu">
                        <div class="theme-market">
                            <h4>主题市场</h4>
                            <ul>
                                <li><a href="#">女装<i class="hot"></i></a></li>
                                <li><a href="#">男装</a></li>
                                <li><a href="#">男装</a></li>
                                <li><a href="#">男装</a></li>
                                <li><a href="#">男装</a></li>
                                <li><a href="#">男装</a></li>
                                <li><a href="#">男装</a></li>
                                <li><a href="#">男装</a></li>
                                <li><a href="#">男装</a></li>
                                <li><a href="#">男装</a></li>
                                <li><a href="#">男装</a></li>
                                <li><a href="#">男装</a></li>
                                <li><a href="#">男装</a></li>
                                <li><a href="#">男装</a></li>
                                <li><a href="#">男装</a></li>
                                <li><a href="#">男装</a></li>
                                <li><a href="#">男装</a></li>
                                <li><a href="#">男装</a></li>
                                <li><a href="#">男装</a></li>
                                <li><a href="#">男装</a></li>
                                <li><a href="#">男装</a></li>
                                <li><a href="#">男装</a></li>
                                <li><a href="#">男装</a></li>
                                <li><a href="#">男装</a></li>
                                <li><a href="#">男装</a></li>
                                <li><a href="#">男装</a></li>
                                <li><a href="#">男装</a></li>
                                <li><a href="#">男装</a></li>
                                <li><a href="#">男装</a></li>
                                <li><a href="#">二手车</a></li>
                                <li><a href="#">女装</a></li>
                                <li><a href="#">女装</a></li>
                                <li><a href="#">女装</a></li>
                                <li><a href="#">女装</a></li>
                                <li><a href="#">女装</a></li>

                            </ul>
                        </div>
                        <div class="Characteristics-market">
                            <ul>
                                <h4>特色市场</h4>

                                <li><a href="#">全球购</a></li>
                                <li><a href="#">全球购</a></li>
                                <li><a href="#">阿里拍卖</a></li>
                                <li><a href="#">淘宝众筹</a></li>
                                <li><a href="#">飞猪</a></li>
                                <li><a href="#">农资</a></li>
                                <li><a href="#">天天特卖</a></li>
                                <li><a href="#">Outlets</a></li>
                                <li><a href="#">淘抢购</a></li>
                                <li><a href="#">试用</a></li>
                                <li><a href="#">量贩团</a></li>
                                <li><a href="#">阿里翻译</a></li>
                            </ul>
                        </div>
                        <div class="ALi-app">
                            <ul>
                                <h4>阿里APP</h4>

                                <li><a href="#">淘宝</a></li>
                                <li><a href="#">天猫</a></li>
                                <li><a href="#">支付宝</a></li>
                                <li><a href="#">聚划算</a></li>
                                <li><a href="#">飞猪</a></li>
                                <li><a href="#">蚂蚁聚宝</a></li>
                                <li><a href="#">咸鱼</a></li>
                                <li><a href="#">淘小铺<i class="hot"></i></a></li>
                                <li><a href="#">阿里钱盾</a></li>
                                <li><a href="#">钉钉</a></li>
                                <li><a href="#">高德地图</a></li>
                                <li><a href="#">虾米音乐</a></li>
                                <li><a href="#">淘票票</a></li>
                                <li><a href="#">菜鸟裹裹</a></li>
                                <li><a href="#">阿里云</a></li>
                                <li><a href="#">网商银行</a></li>
                                <li><a href="#">阿里邮箱</a></li>
                                <li><a href="#">阿里众包</a></li>
                            </ul>
                        </div>
                        <div class="excellent-recommendation">
                            <ul>
                                <h4>精彩推荐集</h4>

                                <li><a href="#">余额宝</a></li>
                                <li><a href="#">大牌捡宝</a></li>
                                <li><a href="#">淘公仔</a></li>
                                <li><a href="#">浏览器</a></li>
                                <li><a href="#">淘宝香港</a></li>
                                <li><a href="#">淘宝台湾</a></li>
                                <li><a href="#">淘宝全球</a></li>
                                <li><a href="#">淘宝东南亚</a></li>
                                <li><a href="#">闺蜜淘货</a></li>
                                <li><a href="#">大众审评</a></li>
                                <li><a href="#">淘工作</a></li>
                                <li><a href="#">阿里巴巴认证</a></li>
                            </ul>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="search w">
        <div class="logo">
            <h1>
                <a href="index.html">淘宝网</a>
            </h1>
        </div>
        <div class="search-wrap">
            <div class="search-hd">
                <div class="search-header">
                    <ul>
                        <li>宝贝</li>
                        <li><a href="#">天猫</a></li>
                        <li><a href="#">店铺</a></li>
                    </ul>
                </div>
                <div class="search-box">
                    <span class="search-icon"></span>
                    <label for="q" class="hint">白象方便面 整箱装</label>
                    <input type="text" id="q">
                </div>
                <div class="search-button">
                    <button>搜索</button>
                </div>
            </div>
            <div class="search-ft">
                <a href="#">新款连衣裙</a>
                <a href="#">四件套</a>
                <a href="#" class="h">潮流T恤</a>
                <a href="#">时尚女鞋</a>
                <a href="#">短裤</a>
                <a href="#">半身裙</a>
                <a href="#">男士外套</a>
                <a href="#">墙纸</a>
                <a href="#">行车记录仪</a>
                <a href="#">新款男鞋</a>
                <a href="#">耳机</a>
                <a href="#">时尚女包</a>
                <a href="#">沙发</a>
            </div>
        </div>
        <div class="tbh-qr-wrapper">
            <a href="#">
                <span>去领红包</span>
                <img src="image/erweima.png" alt="二维码">
            </a>
        </div>
    </div>
    <div class="searchTop ">
        <div class="w">
            <div class="tbh-logo tb-pass w">
                <div class="logo">
                    <h2>
                        <a href="index.html"></a>
                    </h2>
                </div>
            </div>
            <div class="search-wrap1">
                <div class="search-hd" style="border: 2px solid #ff5000;">
                    <div class="search-header">
                        <ul style="background-color: #f4f4f4;">
                            <li>宝贝</li>
                            <li><a href="#">天猫</a></li>
                            <li><a href="#">店铺</a></li>
                        </ul>
                    </div>
                    <div class="search-box">
                        <span class="search-icon two_icon"></span>
                        <label for="q1" class="hint blank">白象方便面 整箱装</label>
                        <input type="text" id="q1" />
                    </div>
                    <div class="search-button1">
                        <button>搜索</button>
                    </div>
                </div>
            </div>

        </div>


    </div>
    <script>
        setTimeout(() => {
            document.getElementById('q').focus();
        }, 1000); //可能页面其他地方添加的点击事件与之冲突 加个定时器避开
    </script>
    <script>
        let search_box = document.querySelectorAll(".search-box")
        let hint = document.querySelector('.hint');
        let input = document.querySelector('#q');
        let input1 = document.querySelector("#q1")
        let icon = document.querySelector('.search-icon');
        let icon1 = document.querySelector('.two_icon')
        let hint1 = document.querySelector('.blank')
        for (let i = 0; i < search_box.length; i++){
            search_box[i].addEventListener('keyup', function () {
                if (input.value == '') {
                    hint.style.display = '';
                    icon.style.display = '';
                }
                else {
                    hint.style.display = 'none';
                    icon.style.display = 'none';
                }
                 if (input1.value == '') {
                    hint1.style.display = '';
                    icon1.style.display = '';
                }
                else {
                    hint1.style.display = 'none';
                    icon1.style.display = 'none';
                }
            })
        }


    </script>
    <div class="tbh-nav w">
        <div class="nav">
            <h2>主题市场</h2>
            <ul class="nav-bd">
                <li style=" color:#FF0036"><a href="#">天猫</a></li>
                <li style=" color:#FF0036"><a href="#">聚划算</a></li>
                <li style=" color:#33c900"><a href="#">天猫超市</a></li>
            </ul>
            <ul class="nav-bd1">
                <li>|</li>
                <li><a href="#">司法拍卖</a></li>
                <li><a href="#">飞猪旅行</a></li>
                <li><a href="#">天天特卖</a></li>
            </ul>
            <ul class="nav-bd1">
                <li>|</li>
                <li><a href="#">造点新货</a></li>
                <li><a href="#">苏宁易购</a></li>
                <li><a href="#">淘宝心选</a></li>
                <li><a href="#">智能生活</a></li>
            </ul>
        </div>
    </div>
    <div class="screen-outer">
        <div class="main">
            <div class="tbh-service">
                <ul class="service-bd">
                    <li><a href="#">女装</a> /
                        <a href="#">内衣</a> /
                        <a href="#">家居</a>
                    </li>
                    <li><a href="#">女鞋</a> /
                        <a href="#">男鞋</a> /
                        <a href="#">箱包</a>
                    </li>
                    <li><a href="#">母婴</a> /
                        <a href="#">童装</a> /
                        <a href="#">玩具</a>
                    </li>
                    <li><a href="#">男装</a> /
                        <a href="#">户外运动</a>
                    </li>
                    <li><a href="#">美妆</a> /
                        <a href="#">彩妆</a> /
                        <a href="#">个护</a>
                    </li>
                    <li><a href="#">手机</a> /
                        <a href="#">数码</a> /
                        <a href="#">企业</a>
                    </li>
                    <li><a href="#">大家电</a> /
                        <a href="#">生活电器</a>
                    </li>
                    <li><a href="#">零食</a> /
                        <a href="#">生鲜</a> /
                        <a href="#">茶酒</a>
                    </li>
                    <li><a href="#">厨具</a> /
                        <a href="#">收纳</a> /
                        <a href="#">清洁</a>
                    </li>
                    <li><a href="#">家纺</a> /
                        <a href="#">家饰</a> /
                        <a href="#">鲜花</a>
                    </li>
                    <li><a href="#">图书音像</a> /
                        <a href="#">文具</a>
                    </li>
                    <li><a href="#">医药保健</a> /
                        <a href="#">进口</a>
                    </li>
                    <li><a href="#">汽车</a> /
                        <a href="#">二手车</a> /
                        <a href="#">用品</a>
                    </li>
                    <li><a href="#">房产</a> /
                        <a href="#">装修家具</a> /
                        <a href="#">建材</a>
                    </li>
                    <li><a href="#">手表</a> /
                        <a href="#">眼镜</a> /
                        <a href="#">珠宝饰品</a>
                    </li>
                </ul>
            </div>
            <div class="search-float">

                <div class="float-item">
                    <div class="service-fi-links">
                        <div class="service-panel full">
                            <h5>流行趋势</h5>
                            <p>
                                <a href="#">小黑裙</a>
                                <a href="#">芭比裤</a>
                                <a href="#">阔腿神裤</a>
                                <a href="#">小黑宝藏羊毛裙</a>
                                <a href="#">毛衣外套</a>
                                <a href="#">无钢圈文胸</a>
                                <a href="#">美背文胸</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>女裙</h5>
                            <p>
                                <a href="#">连衣裙</a>
                                <a href="#">半身裙</a>
                                <a href="#">旗袍</a>

                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>上装</h5>
                            <p>
                                <a href="#">T恤</a>
                                <a href="#">衬衫</a>
                                <a href="#">毛衣</a>
                                <a href="#">雪纺衫</a>
                                <a href="#">卫衣</a>
                                <a href="#">马甲</a>

                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>女裤</h5>
                            <p>
                                <a href="#">休闲裤</a>
                                <a href="#">牛仔裤</a>
                                <a href="#">打底裤</a>
                                <a href="#">棉裤羽绒裤</a>

                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>特色女装</h5>
                            <p>
                                <a href="#">大码女裤</a>
                                <a href="#">中老年女装</a>

                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>外套</h5>
                            <p>
                                <a href="#">短外套</a>
                                <a href="#">西装</a>
                                <a href="#">风衣</a>
                                <a href="#">羽绒服</a>
                                <a href="#">毛呢大衣</a>
                                <a href="#">棉衣棉服</a>
                                <a href="#">皮草</a>
                                <a href="#">皮衣</a>

                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>套装</h5>
                            <p>
                                <a href="#">时尚套装</a>
                                <a href="#">运动套装</a>

                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>服饰服务</h5>
                            <p>
                                <a href="#">洗衣服务</a>

                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>内裤</h5>
                            <p>
                                <a href="#">女士内裤</a>
                                <a href="#">男士内裤</a>

                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>家居</h5>
                            <p>
                                <a href="#">家居服套装</a>
                                <a href="#">睡裙</a>
                                <a href="#">袜子</a>
                                <a href="#">睡裤</a>
                                <a href="#">背心吊带</a>
                                <a href="#">保暖内衣</a>
                                <a href="#">睡衣</a>

                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>袜子</h5>
                            <p>
                                <a href="#">丝袜</a>
                                <a href="#">船袜</a>
                                <a href="#">连裤袜</a>

                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>文胸</h5>
                            <p>
                                <a href="#">抹胸</a>
                                <a href="#">文胸</a>
                                <a href="#">文胸套装</a>

                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>配件</h5>
                            <p>
                                <a href="#">胸垫搭扣</a>
                                <a href="#">乳贴</a>

                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>塑身</h5>
                            <p>
                                <a href="#">分体塑身</a>
                                <a href="#">塑身腰封</a>
                                <a href="#">连体衣</a>

                            </p>
                        </div>

                    </div>
                    <div class="service-rmd">
                        <h3>猜你喜欢</h3>
                        <div class="service-rmd-list">
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/TB1dsVUQ8r0gK0jSZFnXXbRRXXa-777-828.jpg_400x400q80 (1).jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">卫衣</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/TB1a6ocTpT7gK0jSZFpXXaTkpXa-800-800.png_q80.png" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">连衣裙</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/TB1ij0Fe6MZ7e4jSZFOXXX7epXa-730-840.jpg_400x400q80.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">短外套</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/TB1EUDjfQcx_u4jSZFlXXXnUFXa-711-711.jpg_q80.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">衬衫</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/TB1Cmg1RoY1gK0jSZFCXXcwqXXa-648-648.jpg_400x400q80.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">裙子</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/TB1UTJjh8Bh1e4jSZFhXXcC9VXa-589-590.jpg_q80.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">职业女套装</span>
                                </h5>
                            </a>

                        </div>
                    </div>
                </div>
                <!-- 2 -->
                <div class="float-item">
                    <div class="service-fi-links">
                        <div class="service-panel full">
                            <h5>女鞋</h5>
                            <p>

                                <a href="#">女士穆勒鞋</a>
                                <a href="#">女士单鞋</a>
                                <a href="#">女士豆豆鞋</a>
                                <a href="#">女士运动鞋</a>
                                <a href="#">女士奶奶鞋</a>
                                <a href="#">女士乐福鞋</a>
                                <a href="#">女士玛丽珍</a>
                                <a href="#">女士雪地靴</a>
                                <a href="#">女士马丁靴</a>
                                <a href="#">女士帆布鞋</a>
                                <a href="#">女士凉鞋</a>
                                <a href="#">一字带凉鞋</a>
                                <a href="#">女士高跟鞋</a>
                                <a href="#">女士罗马鞋</a>
                                <a href="#">女士雨鞋</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>女裙</h5>
                            <p>
                                <a href="#">连衣裙</a>
                                <a href="#">半身裙</a>
                                <a href="#">旗袍</a>

                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>上装</h5>
                            <p>
                                <a href="#">T恤</a>
                                <a href="#">衬衫</a>
                                <a href="#">毛衣</a>
                                <a href="#">雪纺衫</a>
                                <a href="#">卫衣</a>
                                <a href="#">马甲</a>

                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>女裤</h5>
                            <p>
                                <a href="#">休闲裤</a>
                                <a href="#">牛仔裤</a>
                                <a href="#">打底裤</a>
                                <a href="#">棉裤羽绒裤</a>

                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>特色女装</h5>
                            <p>
                                <a href="#">大码女裤</a>
                                <a href="#">中老年女装</a>

                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>外套</h5>
                            <p>
                                <a href="#">短外套</a>
                                <a href="#">西装</a>
                                <a href="#">风衣</a>
                                <a href="#">羽绒服</a>
                                <a href="#">毛呢大衣</a>
                                <a href="#">棉衣棉服</a>
                                <a href="#">皮草</a>
                                <a href="#">皮衣</a>

                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>套装</h5>
                            <p>
                                <a href="#">时尚套装</a>
                                <a href="#">运动套装</a>

                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>服饰服务</h5>
                            <p>
                                <a href="#">洗衣服务</a>

                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>内裤</h5>
                            <p>
                                <a href="#">女士内裤</a>
                                <a href="#">男士内裤</a>

                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>家居</h5>
                            <p>
                                <a href="#">家居服套装</a>
                                <a href="#">睡裙</a>
                                <a href="#">袜子</a>
                                <a href="#">睡裤</a>
                                <a href="#">背心吊带</a>
                                <a href="#">保暖内衣</a>
                                <a href="#">睡衣</a>

                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>袜子</h5>
                            <p>
                                <a href="#">丝袜</a>
                                <a href="#">船袜</a>
                                <a href="#">连裤袜</a>

                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>文胸</h5>
                            <p>
                                <a href="#">抹胸</a>
                                <a href="#">文胸</a>
                                <a href="#">文胸套装</a>

                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>配件</h5>
                            <p>
                                <a href="#">胸垫搭扣</a>
                                <a href="#">乳贴</a>

                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>塑身</h5>
                            <p>
                                <a href="#">分体塑身</a>
                                <a href="#">塑身腰封</a>
                                <a href="#">连体衣</a>

                            </p>
                        </div>

                    </div>
                    <div class="service-rmd">
                        <h3>猜你喜欢</h3>
                        <div class="service-rmd-list">
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/21.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">女士运动鞋</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/22.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">男士帆布鞋</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/23.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">女士马丁鞋</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/24.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">男休闲皮鞋</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/25.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">女士单鞋</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/26.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">女士高跟鞋</span>
                                </h5>
                            </a>

                        </div>
                    </div>
                </div>
                <!-- 3 -->
                <div class="float-item">
                    <div class="service-fi-links">
                        <div class="service-panel full">
                            <h5>童装</h5>
                            <p>
                                <a href="#">儿童套装</a>
                                <a href="#">儿童裤子</a>
                                <a href="#">儿童外套</a>
                                <a href="#">儿童裙子</a>
                                <a href="#">儿童袜子</a>
                                <a href="#">儿童配饰</a>
                                <a href="#">儿童T恤</a>
                                <a href="#">礼服汉服</a>
                                <a href="#">儿童家居服</a>
                                <a href="#">儿童内衣裤</a>
                                <a href="#">儿童演出服</a>
                                <a href="#">毛衣针织衫</a>
                                <a href="#">儿童衬衫</a>
                                <a href="#">儿童羽绒服</a>
                                <a href="#">儿童校服</a>
                                <a href="#">儿童泳衣裤</a>
                                <a href="#">儿童防晒衣</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>儿童玩具</h5>
                            <p>
                                <a href="#">拼装积木</a>
                                <a href="#">遥控玩具</a>
                                <a href="#">益智玩具</a>
                                <a href="#">毛绒抱枕</a>
                                <a href="#">过家家玩具</a>
                                <a href="#">早教故事机</a>
                                <a href="#">户外玩具</a>
                                <a href="#">玩具枪</a>
                                <a href="#">涂色绘画</a>
                                <a href="#">游艺机</a>
                                <a href="#">粘土玩具</a>
                                <a href="#">戏水玩具</a>
                                <a href="#">摇铃安抚玩具</a>
                                <a href="#">洋娃娃</a>
                                <a href="#">乐器玩具</a>
                                <a href="#">婴儿健身器</a>
                                <a href="#">宝宝纪念品</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>童鞋</h5>
                            <p>
                                <a href="#">儿童运动鞋</a>
                                <a href="#">学步鞋</a>
                                <a href="#">儿童凉拖</a>
                                <a href="#">儿童皮鞋</a>
                                <a href="#">儿童靴子</a>
                                <a href="#">鞋配件</a>
                                <a href="#">老北京布鞋</a>
                                <a href="#">儿童舞蹈鞋</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>潮玩动漫</h5>
                            <p>
                                <a href="#">手办</a>
                                <a href="#">模型</a>
                                <a href="#">盲盒</a>
                                <a href="#">动漫周边</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>洗护用品</h5>
                            <p>
                                <a href="#">纸尿裤</a>
                                <a href="#">宝宝个护</a>
                                <a href="#">婴儿湿巾</a>
                                <a href="#">洗澡用具</a>
                                <a href="#">儿童牙刷</a>
                                <a href="#">儿童润肤乳</a>
                                <a href="#">隔尿垫</a>
                                <a href="#">婴儿沐浴露</a>
                                <a href="#">驱蚊用品</a>
                                <a href="#">儿童洗衣液</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>哺乳喂养</h5>
                            <p>
                                <a href="#">儿童水杯</a>
                                <a href="#">儿童餐具</a>
                                <a href="#">奶瓶</a>
                                <a href="#">口水巾</a>
                                <a href="#">奶嘴牙胶</a>
                                <a href="#">儿童餐椅</a>
                                <a href="#">暖奶消毒</a>
                                <a href="#">奶瓶配件</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>孕产妇穿搭</h5>
                            <p>
                                <a href="#">孕妇装</a>
                                <a href="#">哺乳装</a>
                                <a href="#">哺乳文胸</a>
                                <a href="#">孕妇内衣裤</a>
                                <a href="#">产妇帽</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>婴儿装</h5>
                            <p>
                                <a href="#">哈衣爬服</a>
                                <a href="#">婴儿肚兜</a>
                                <a href="#">宝宝罩衣</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>儿童家具</h5>

                            <p>
                                <a href="#">枕头被子</a>
                                <a href="#">婴儿防撞</a>
                                <a href="#">婴儿睡袋</a>
                                <a href="#">儿童桌椅</a>
                                <a href="#">爬行垫</a>
                                <a href="#">游戏围栏</a>
                                <a href="#">婴儿床</a>
                                <a href="#">婴儿凉席</a>
                                <a href="#">婴儿蚊帐</a>

                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>宝宝出行</h5>
                            <p>
                                <a href="#">儿童书包</a>
                                <a href="#">婴儿推车</a>
                                <a href="#">背带腰凳</a>
                                <a href="#">主题乐园</a>
                                <a href="#">宝宝防晒</a>
                                <a href="#">妈咪包</a>
                                <a href="#">安全座椅</a>
                                <a href="#">防走丢绳</a>
                                <a href="#">亲子酒店</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>玩具车</h5>
                            <p>
                                <a href="#">儿童自行车</a>
                                <a href="#">儿童电动车</a>
                                <a href="#">学步车</a>
                                <a href="#">滑板车</a>
                                <a href="#">儿童三轮车</a>
                                <a href="#">扭扭车</a>
                                <a href="#">儿童护具</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>孕产妇用品</h5>
                            <p>
                                <a href="#">待产用品</a>
                                <a href="#">防溢乳垫</a>
                                <a href="#">吸奶器</a>
                                <a href="#">孕产妇营养</a>
                                <a href="#">孕产妇护肤</a>
                                <a href="#">妊娠纹护理</a>
                                <a href="#">产后塑身</a>
                                <a href="#">产妇洗发</a>
                                <a href="#">孕产妇彩妆</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>奶粉营养</h5>
                            <p>
                                <a href="#">婴儿奶粉</a>
                                <a href="#">婴幼儿维生素</a>
                                <a href="#">婴幼儿营养</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>教学服务</h5>
                            <p>
                                <a href="#">文章代写</a>
                                <a href="#">论文检测</a>
                                <a href="#">考试题库</a>
                                <a href="#">office办公</a>
                                <a href="#">人工翻译</a>
                                <a href="#">方案策划</a>
                                <a href="#">口译服务</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>学历考证</h5>
                            <p>
                                <a href="#">研究生辅导</a>
                                <a href="#">财务会计</a>
                                <a href="#">建造师培训</a>
                                <a href="#">教师资格证</a>
                                <a href="#">经济师培训</a>
                                <a href="#">医学资格考</a>
                                <a href="#">自学考试</a>
                                <a href="#">银行证券</a>
                                <a href="#">司法考试</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>升学辅导</h5>
                            <p>
                                <a href="#">高中辅导</a>
                                <a href="#">小学辅导</a>
                                <a href="#">幼儿课程</a>
                                <a href="#">初中辅导</a>
                                <a href="#">儿童兴趣</a>
                                <a href="#">青少儿英语</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>生活兴趣</h5>

                            <p>
                                <a href="#">唱歌</a>
                                <a href="#">舞蹈</a>
                                <a href="#">瑜伽课</a>
                                <a href="#">绘画</a>
                                <a href="#">播音主持课</a>
                                <a href="#">摄影摄像</a>
                                <a href="#">健身教程</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>亲子摄影</h5>
                            <p>
                                <a href="#">证件照</a>
                                <a href="#">儿童摄影</a>
                                <a href="#">全家福摄影</a>
                                <a href="#">孕妇亲子照</a>
                                <a href="#">萌宠摄影</a>
                                <a href="#">亲子相框</a>
                            </p>
                        </div>

                        <div class="service-panel full">
                            <h5>家政服务</h5>
                            <p>
                                <a href="#">月嫂</a>
                            </p>
                        </div>
                    </div>
                    <div class="service-rmd">
                        <h3>猜你喜欢</h3>
                        <div class="service-rmd-list">
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/31.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">儿童套装</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/32.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">孕妇服</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/33.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">毛衣针织衫</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/34.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">益智玩具</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/35.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">哈衣爬服</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/36.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">儿童居家服</span>
                                </h5>
                            </a>

                        </div>
                    </div>
                </div>
                <!-- 4 -->
                <div class="float-item">
                    <div class="service-fi-links">
                        <div class="service-panel full">
                            <h5>裤子</h5>
                            <p>
                                <a href="#">工装裤</a>
                                <a href="#">休闲长裤</a>
                                <a href="#">休闲短裤</a>
                                <a href="#">牛仔短裤</a>
                                <a href="#">牛仔长裤</a>
                                <a href="#">卫裤</a>
                                <a href="#">皮裤</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>上装</h5>

                            <p>
                                <a href="#">T恤</a>
                                <a href="#">卫衣</a>
                                <a href="#">短外套</a>
                                <a href="#">衬衫</a>
                                <a href="#">羊绒衫</a>
                                <a href="#">毛衣</a>
                                <a href="#">背心马甲</a>
                                <a href="#">棉衣</a>
                                <a href="#">皮衣</a>
                                <a href="#">polo</a>
                                <a href="#">风衣</a>
                                <a href="#">毛呢大衣</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>特色</h5>
                            <p>
                                <a href="#">运动套装</a>
                                <a href="#">工装制服</a>
                                <a href="#">汉服</a>
                                <a href="#">大码上装</a>
                                <a href="#">时尚套装</a>
                                <a href="#">大码下装</a>
                                <a href="#">中老年上装</a>
                                <a href="#">中老年套装</a>
                                <a href="#">中老年下装</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>正装套装</h5>

                            <p>
                                <a href="#">西服</a>
                                <a href="#">西裤</a>
                                <a href="#">西服套装</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>运动穿搭</h5>

                            <p>
                                <a href="#">跑步鞋</a>
                                <a href="#">休闲鞋</a>
                                <a href="#">篮球鞋</a>
                                <a href="#">运动长裤</a>
                                <a href="#">运动T恤</a>
                                <a href="#">运动卫衣</a>
                                <a href="#">健身服装</a>
                                <a href="#">运动茄克</a>
                                <a href="#">运动袜</a>
                                <a href="#">运动短裤</a>
                                <a href="#">运动文胸</a>
                                <a href="#">运动帽</a>
                                <a href="#">运动棉羽</a>
                                <a href="#">凉拖</a>
                                <a href="#">运动手表</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>户外运动</h5>
                            <p>
                                <a href="#">路亚钓</a>
                                <a href="#">户外照明</a>
                                <a href="#">户外露营</a>
                                <a href="#">电动自行车</a>
                                <a href="#">户外服装</a>
                                <a href="#">烧烤野餐</a>
                                <a href="#">自行车</a>
                                <a href="#">传统台钓</a>
                                <a href="#">户外装备</a>
                                <a href="#">骑行装备</a>
                                <a href="#">户外鞋履</a>
                                <a href="#">旅行用品</a>
                                <a href="#">望远镜</a>
                                <a href="#">电动滑板车</a>
                                <a href="#">太极</a>
                                <a href="#">户外饮水</a>
                                <a href="#">平衡车</a>
                                <a href="#">防护救生</a>
                                <a href="#">滑雪装备</a>
                                <a href="#">户外箱包</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>球类及包配</h5>

                            <p>
                                <a href="#">运动包</a>
                                <a href="#">羽毛球</a>
                                <a href="#">篮球</a>
                                <a href="#">乒乓球</a>
                                <a href="#">足球</a>
                                <a href="#">台球</a>
                                <a href="#">网球</a>
                                <a href="#">高尔夫</a>
                                <a href="#">排球</a>
                                <a href="#">棒球</a>
                                <a href="#">橄榄球</a>
                                <a href="#">壁球</a>
                                <a href="#">保龄球</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>健身塑型</h5>

                            <p>
                                <a href="#">女士泳衣</a>
                                <a href="#">瑜伽服</a>
                                <a href="#">芭蕾舞</a>
                                <a href="#">拉丁爵士</a>
                                <a href="#">游泳装备</a>
                                <a href="#">哑铃</a>
                                <a href="#">跑步机</a>
                                <a href="#">男士泳衣</a>
                                <a href="#">拳击散打</a>
                                <a href="#">广场舞</a>
                                <a href="#">健腹轮</a>
                                <a href="#">仰卧板</a>
                                <a href="#">健身车</a>
                                <a href="#">跆拳道</a>
                                <a href="#">椭圆机</a>
                                <a href="#">划船机</a>
                                <a href="#">柔道摔跤</a>
                                <a href="#">空手道</a>
                            </p>
                        </div>

                        <div class="service-panel">
                            <h5>小众运动</h5>
                            <p>
                                <a href="#">轮滑</a>
                                <a href="#">滑板</a>
                                <a href="#">潜水用品</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>户外旅游</h5>

                            <p>
                                <a href="#">滑雪玩乐</a>
                                <a href="#">潜水体验</a>
                            </p>
                        </div>

                    </div>
                    <div class="service-rmd">
                        <h3>猜你喜欢</h3>
                        <div class="service-rmd-list">
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/41.png" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">短外套</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/42.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">卫衣</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/43.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">休闲长裤</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/44.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">T恤</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/45.png" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">衬衫</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/46.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">运动套装</span>
                                </h5>
                            </a>

                        </div>
                    </div>
                </div>
                <!-- 5 美妆 -->
                <div class="float-item">
                    <div class="service-fi-links">
                        <div class="service-panel full">
                            <h5>彩妆</h5>

                            <a href="#" class="service-image-item">
                                <img src="upload/O1CN010e81FZ1bzWy7oMDd5_!!2563613536.jpg" alt="">
                                <p>化妆工具</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/512.jpg" alt="">
                                <p>粉底</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/513.jpg" alt="">
                                <p>口红</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/514.jpg" alt="">
                                <p>眼影眼线</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/515.jpg" alt="">
                                <p>修容</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/516.jpg" alt="">
                                <p>眉粉</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/517.jpg" alt="">
                                <p>隔离</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/518.jpg" alt="">
                                <p>睫毛膏</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/519.jpg" alt="">
                                <p>彩妆套装</p>

                            </a>
                        </div>
                        <div class="service-panel full">
                            <h5>护肤</h5>
                            <a href="#" class="service-image-item">
                                <img src="upload/521.jpg" alt="">
                                <p>面膜</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/522.jpg" alt="">
                                <p>乳液面霜</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/523.jpg" alt="">
                                <p>精华</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/524.jpg" alt="">
                                <p>护肤套装</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/525.png" alt="">
                                <p>洁面</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/526.jpg" alt="">
                                <p>化妆水</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/527.jpg" alt="">
                                <p>卸妆</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/528.jpg" alt="">
                                <p>防晒</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/529.jpg" alt="">
                                <p>眼霜</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/5210.jpg" alt="">
                                <p>润唇膏</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/5211.jpg" alt="">
                                <p>男士洁面</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/5212.jpg" alt="">
                                <p>鼻贴</p>

                            </a>

                        </div>
                        <div class="service-panel ">
                            <h5>美容美体</h5>
                            <a href="#" class="service-image-item">
                                <img src="upload/531.jpg" alt="">
                                <p>美甲</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/532.jpg" alt="">
                                <p>香水</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/533.jpg" alt="">
                                <p>美容仪</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/534.jpg" alt="">
                                <p>手霜手膜</p>

                            </a>


                        </div>
                    </div>
                    <div class="service-rmd">
                        <h3>猜你喜欢</h3>
                        <div class="service-rmd-list">
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/524.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">护肤套装</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/513.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">口红</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/521.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">面膜</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/512.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">粉底</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/525.png" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">洁面</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/514.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">眼影眼线</span>
                                </h5>
                            </a>

                        </div>
                    </div>
                </div>
                <!-- 6手机 -->
                <div class="float-item">
                    <div class="service-fi-links">
                        <div class="service-panel full">
                            <h5>手机</h5>
                            <p>
                                <a href="#">华为手机</a>
                                <a href="#">K30至尊</a>
                                <a href="#">OPPO手机</a>
                                <a href="#">P40pro</a>
                                <a href="#">nova7</a>
                                <a href="#">vivo手机</a>
                                <a href="#">三星手机</a>
                                <a href="#">魅族手机</a>
                                <a href="#">小米手机</a>
                                <a href="#">苹果11</a>
                                <a href="#">苹果手机</a>
                                <a href="#">荣耀30P</a>
                                <a href="#">荣耀手机</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>手机配件</h5>
                            <p>
                                <a href="#">手机壳</a>
                                <a href="#">手机贴膜</a>
                                <a href="#">手机耳机</a>
                                <a href="#">数据线</a>
                                <a href="#">充电宝</a>
                                <a href="#">手机支架</a>
                                <a href="#">手机电池</a>
                                <a href="#">手机挂件</a>
                                <a href="#">自拍杆</a>
                                <a href="#">手机镜头</a>
                                <a href="#">防尘塞</a>
                                <a href="#">手机贴纸</a>
                                <a href="#">车载支架</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>通信服务</h5>
                            <p>
                                <a href="#">手机流量卡</a>
                                <a href="#">流量充值</a>
                                <a href="#">话费充值</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>手机服务</h5>
                            <p>
                                <a href="#">手机维修</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>数码配件</h5>
                            <p>
                                <a href="#">数码保护套</a>
                                <a href="#">电脑周边</a>
                                <a href="#">U盘</a>
                                <a href="#">USB周边</a>
                                <a href="#">电池</a>
                                <a href="#">手写笔</a>
                                <a href="#">硬盘</a>
                                <a href="#">数码收纳</a>
                                <a href="#">键盘膜</a>
                                <a href="#">支架</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>电脑笔记本</h5>
                            <p>
                                <a href="#">鼠标键盘</a>
                                <a href="#">笔记本电脑</a>
                                <a href="#">平板电脑</a>
                                <a href="#">整机一体机</a>
                                <a href="#">显示器</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>影音娱乐</h5>
                            <p>
                                <a href="#">耳机耳麦</a>
                                <a href="#">音箱</a>
                                <a href="#">麦克风</a>
                                <a href="#">游戏机</a>
                                <a href="#">影棚设备</a>
                                <a href="#">MP3MP4</a>
                                <a href="#">随身听</a>
                                <a href="#">CD播放器</a>
                                <a href="#">家庭影院</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>智能设备</h5>
                            <p>
                                <a href="#">智能手表</a>
                                <a href="#">儿童智能表</a>
                                <a href="#">翻译机</a>
                                <a href="#">智能健康</a>
                                <a href="#">无人机</a>
                                <a href="#">智能平衡车</a>
                            </p>
                        </div>

                        <div class="service-panel full">
                            <h5>商务办公</h5>
                            <p>
                                <a href="#">无屏投影</a>
                                <a href="#">墨盒硒鼓</a>
                                <a href="#">打印复印机</a>
                                <a href="#">办公室铭牌</a>
                                <a href="#">投票器</a>
                                <a href="#">条码设备</a>
                                <a href="#">智能收银</a>
                                <a href="#">3D打印</a>
                                <a href="#">照片打印机</a>
                                <a href="#">广告图文</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>网络产品</h5>
                            <p>
                                <a href="#">无线网卡</a>
                                <a href="#">路由器</a>
                                <a href="#">宽带办理</a>
                                <a href="#">光纤跳线</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>摄影摄像</h5>
                            <p>
                                <a href="#">单反镜头</a>
                                <a href="#">摄影脚架</a>
                                <a href="#">胶卷相机</a>
                                <a href="#">微单</a>
                                <a href="#">摄影周边</a>
                                <a href="#">胶卷胶片</a>
                                <a href="#">数码相机</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>乐器</h5>
                            <p>
                                <a href="#">吉他</a>
                                <a href="#">电子琴</a>
                                <a href="#">数码钢琴</a>
                                <a href="#">古筝</a>
                                <a href="#">尤克里里</a>
                                <a href="#">口琴</a>
                                <a href="#">钢琴</a>
                                <a href="#">二胡</a>
                                <a href="#">小提琴</a>
                                <a href="#">电子鼓</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>数码服务</h5>
                            <p>
                                <a href="#">数据恢复</a>
                                <a href="#">网络维护</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>包装</h5>
                            <p>
                                <a href="#">礼品包装袋</a>
                                <a href="#">塑料包装袋</a>
                                <a href="#">中秋礼品盒</a>
                                <a href="#">物流纸箱</a>
                                <a href="#">编织袋</a>
                                <a href="#">气泡类包装</a>
                                <a href="#">包装胶带</a>
                                <a href="#">快递袋</a>
                                <a href="#">自封袋</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>商务服务</h5>
                            <p>
                                <a href="#">设计素材</a>
                                <a href="#">平面设计</a>
                                <a href="#">商务服务</a>
                                <a href="#">样图效果图</a>
                                <a href="#">企业VI</a>
                                <a href="#">商标设计</a>
                                <a href="#">3D绘图</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>线下开店</h5>
                            <p>
                                <a href="#">超市家具</a>
                                <a href="#">餐饮家具</a>
                                <a href="#">服装店家具</a>
                                <a href="#">发廊家具</a>
                                <a href="#">陈列展柜</a>
                                <a href="#">广告牌</a>
                                <a href="#">商用展示柜</a>
                                <a href="#">灯箱</a>
                                <a href="#">课桌椅</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>电子元器件</h5>
                            <p>
                                <a href="#">电子线</a>
                                <a href="#">电容器</a>
                                <a href="#">显示屏</a>
                                <a href="#">集成电路</a>
                                <a href="#">连接器</a>
                                <a href="#">开关按钮</a>
                                <a href="#">电机马达</a>
                                <a href="#">电路板</a>
                                <a href="#">二极管</a>
                                <a href="#">开发板</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>机电五金</h5>
                            <p>
                                <a href="#">水泵</a>
                                <a href="#">起重工具</a>
                                <a href="#">电焊</a>
                                <a href="#">电热管</a>
                                <a href="#">发电机</a>
                                <a href="#">电机配件</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>手动工具</h5>

                            <p>
                                <a href="#">扳手</a>
                                <a href="#">钳子</a>
                                <a href="#">电焊松香</a>
                                <a href="#">点胶机</a>
                                <a href="#">五金工具箱</a>
                                <a href="#">螺丝批</a>
                                <a href="#">油漆刷</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>机械五金部件</h5>
                            <p>
                                <a href="#">球阀</a>
                                <a href="#">密封件</a>
                                <a href="#">轴承</a>
                                <a href="#">分离设备</a>
                                <a href="#">化工管道</a>
                                <a href="#">管夹</a>
                                <a href="#">管接头</a>
                                <a href="#">弹簧</a>
                                <a href="#">压力表</a>
                                <a href="#">齿轮</a>
                                <a href="#">传动链</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>企业定制</h5>
                            <p>
                                <a href="#">团队服装</a>
                                <a href="#">标签定制</a>
                                <a href="#">奖状证书</a>
                                <a href="#">奖杯奖牌</a>
                                <a href="#">公司名片</a>
                                <a href="#">员工胸牌</a>
                                <a href="#">企业U盘</a>
                                <a href="#">徽章定制</a>
                                <a href="#">钥匙扣礼品</a>
                                <a href="#">企业箱包</a>
                                <a href="#">会议笔记本</a>
                                <a href="#">广告扑克牌</a>
                                <a href="#">企业服标垫</a>
                                <a href="#">广告扇定制</a>
                                <a href="#">一次性杯子</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>办公家具</h5>
                            <p>
                                <a href="#">办公桌椅</a>
                                <a href="#">会议桌椅</a>
                                <a href="#">办公柜</a>
                                <a href="#">屏风隔断</a>
                                <a href="#">前台接待</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>农用物资</h5>
                            <p>
                                <a href="#">农用机械</a>
                                <a href="#">农用杀菌剂</a>
                                <a href="#">种子种苗</a>
                                <a href="#">肥料</a>
                                <a href="#">农用薄膜</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>工刃量具</h5>
                            <p>
                                <a href="#">卷尺</a>
                                <a href="#">扩孔钻</a>
                                <a href="#">车刀</a>
                                <a href="#">麻花钻</a>
                                <a href="#">铣刀</a>
                                <a href="#">机用丝锥</a>
                                <a href="#">电锤钻头</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>动力工具</h5>
                            <p>
                                <a href="#">气钉枪</a>
                                <a href="#">气动元件</a>
                                <a href="#">施工除尘器</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>工业品</h5>
                            <p>
                                <a href="#">工业润滑油</a>
                                <a href="#">钢材</a>
                                <a href="#">铝材</a>
                                <a href="#">挖掘机</a>
                                <a href="#">商业设备</a>
                                <a href="#">搬运车</a>
                                <a href="#">洗唛洗涤标</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>安全防护</h5>
                            <p>
                                <a href="#">护栏隔离栏</a>
                                <a href="#">道路安全</a>
                                <a href="#">安全网</a>
                                <a href="#">消防灭火器</a>
                                <a href="#">反光安全服</a>
                                <a href="#">建筑防尘网</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>办公设备耗材</h5>
                            <p>
                                <a href="#">标签机</a>
                                <a href="#">封口机</a>
                                <a href="#">投影幕布</a>
                                <a href="#">标签纸</a>
                                <a href="#">收银纸</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>畜牧养殖</h5>

                            <p>
                                <a href="#">养鸡饮水器</a>
                                <a href="#">兽药</a>
                                <a href="#">饲料</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>电气控制</h5>

                            <p>
                                <a href="#">变频器</a>
                                <a href="#">蓄电池</a>
                                <a href="#">工业开关</a>
                                <a href="#">变压器</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>农作用品</h5>

                            <p>
                                <a href="#">肥料饲料</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>网络设备</h5>
                            <p>
                                <a href="#">交换机</a>
                                <a href="#">光纤耦合器</a>
                            </p>
                        </div>
                    </div>

                    <div class="service-rmd">
                        <h3>猜你喜欢</h3>
                        <div class="service-rmd-list">
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/61.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">笔记本电脑</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/62.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">平板电脑</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/63.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">耳机耳麦</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/64.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">整机一体机</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/65.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">游戏机</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/66.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">无屏投影</span>
                                </h5>
                            </a>

                        </div>
                    </div>
                </div>
                <!-- 7大家电 -->
                <div class="float-item">
                    <div class="service-fi-links">
                        <div class="service-panel full">
                            <h5>厨房电器</h5>
                            <p>
                                <a href="#">电热锅</a>
                                <a href="#">电饭煲</a>
                                <a href="#">炒锅</a>
                                <a href="#">净水器</a>
                                <a href="#">炖锅</a>
                                <a href="#">绞肉机</a>
                                <a href="#">高压锅</a>
                                <a href="#">电炸锅</a>
                                <a href="#">煎锅</a>
                                <a href="#">油烟机</a>
                                <a href="#">砂锅</a>
                                <a href="#">破壁机</a>
                                <a href="#">蒸锅</a>
                                <a href="#">奶锅</a>
                                <a href="#">烤箱</a>
                                <a href="#">燃气灶</a>
                                <a href="#">电饼铛</a>
                                <a href="#">小型燃气灶</a>
                                <a href="#">榨汁机</a>
                                <a href="#">饮水机</a>
                                <a href="#">微波炉</a>
                                <a href="#">火锅</a>
                                <a href="#">豆浆机</a>
                                <a href="#">咖啡机</a>
                                <a href="#">洗碗机</a>
                                <a href="#">蒸蛋器</a>
                                <a href="#">集成灶</a>
                                <a href="#">烟灶消套装</a>
                                <a href="#">磨粉机</a>
                                <a href="#">面条机</a>
                                <a href="#">和面机</a>
                                <a href="#">磨豆机</a>
                                <a href="#">电蒸箱</a>
                                <a href="#">切肉机</a>
                                <a href="#">电茶炉</a>
                                <a href="#">商用电磁炉</a>
                                <a href="#">锅具套件</a>
                                <a href="#">早餐机</a>
                                <a href="#">酸奶机</a>
                                <a href="#">棉花糖机</a>
                                <a href="#">烘焙机</a>
                                <a href="#">冰淇淋机</a>
                                <a href="#">打蛋搅拌机</a>
                                <a href="#">电陶炉</a>
                                <a href="#">爆米花机</a>
                                <a href="#">净水桶</a>
                                <a href="#">烹饪机器人</a>
                                <a href="#">原汁机</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>个护电器</h5>
                            <p>
                                <a href="#">吹风机</a>
                                <a href="#">卷直发器</a>
                                <a href="#">理发器</a>
                                <a href="#">足浴器</a>
                                <a href="#">按摩椅</a>
                                <a href="#">电动按摩捶</a>
                                <a href="#">鼻毛修剪器</a>
                                <a href="#">眼部按摩仪</a>
                                <a href="#">头部按摩器</a>
                                <a href="#">足疗机</a>
                                <a href="#">电动瘦腰仪器</a>
                                <a href="#">按摩床</a>
                                <a href="#">修脚器</a>
                                <a href="#">电动瘦腿仪器</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>家清电器</h5>
                            <p>
                                <a href="#">挂烫机</a>
                                <a href="#">吸尘器</a>
                                <a href="#">加湿器</a>
                                <a href="#">除螨仪</a>
                                <a href="#">除湿器</a>
                                <a href="#">烘鞋器</a>
                                <a href="#">擦鞋器</a>
                                <a href="#">擦窗机</a>
                                <a href="#">鞋套机</a>
                                <a href="#">空气净化器</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>卫浴电器</h5>
                            <p>
                                <a href="#">电热水器</a>
                                <a href="#">燃气热水器</a>
                                <a href="#">即热式热水器</a>
                                <a href="#">空气源热泵热水器</a>
                                <a href="#">烘干机</a>
                                <a href="#">洗烘套装</a>
                                <a href="#">热厨套装</a>
                            </p>
                        </div>
                    </div>

                    <div class="service-rmd">
                        <h3>猜你喜欢</h3>
                        <div class="service-rmd-list">
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/71.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">电饭煲</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/72.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">烤箱</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/73.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">油烟机</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/74.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">微波炉</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/75.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">燃气灶</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/76.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">理发器</span>
                                </h5>
                            </a>

                        </div>
                    </div>
                </div>
                <!--8 零食 -->
                <div class="float-item">
                    <div class="service-fi-links">
                        <div class="service-panel full">
                            <h5>零食</h5>
                            <p>
                                <a href="#">网红ip</a>
                                <a href="#">零食大礼包</a>
                                <a href="#">趣味食玩</a>
                                <a href="#">健康轻零食</a>
                                <a href="#">蛋黄酥</a>
                                <a href="#">糖果</a>
                                <a href="#">薯片</a>
                                <a href="#">饼干</a>
                                <a href="#">儿童零食</a>
                                <a href="#">月饼</a>
                                <a href="#">冻干</a>
                                <a href="#">海味</a>
                                <a href="#">巧克力</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>方便速食</h5>
                            <p>
                                <a href="#">粉丝米线</a>
                                <a href="#">方便面</a>
                                <a href="#">开味下饭菜</a>
                                <a href="#">挂面</a>
                                <a href="#">方便粥饭</a>
                                <a href="#">速冻面点</a>
                                <a href="#">煎饼冷面</a>
                                <a href="#">火腿肠</a>
                                <a href="#">甜品罐头</a>
                                <a href="#">熟食</a>
                                <a href="#">午餐肉</a>
                                <a href="#">快手菜</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>乳饮冰</h5>
                            <p>
                                <a href="#">儿童奶</a>
                                <a href="#">碳酸饮料</a>
                                <a href="#">纯牛奶</a>
                                <a href="#">酸奶</a>
                                <a href="#">奶粉</a>
                                <a href="#">饮用水</a>
                                <a href="#">乳酸饮料</a>
                                <a href="#">鲜奶</a>
                                <a href="#">冰淇淋</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>名酒</h5>
                            <p>
                                <a href="#">名酒礼盒</a>
                                <a href="#">名优白酒</a>
                                <a href="#">新锐网红酒</a>
                                <a href="#">清爽啤酒</a>
                                <a href="#">果酒</a>
                                <a href="#">养生黄酒</a>
                                <a href="#">格调洋酒</a>
                                <a href="#">微醺红酒</a>
                                <a href="#">保健食品酒</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>茶</h5>
                            <p>
                                <a href="#">花草茶</a>
                                <a href="#">茶叶礼盒</a>
                                <a href="#">绿茶</a>
                                <a href="#">红茶</a>
                                <a href="#">普洱</a>
                                <a href="#">乌龙茶</a>
                                <a href="#">白茶</a>
                                <a href="#">黑茶</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>下午茶</h5>
                            <p>
                                <a href="#">冷泡茶</a>
                                <a href="#">每日坚果</a>
                                <a href="#">明前茶</a>
                                <a href="#">新潮奶茶</a>
                                <a href="#">蛋白饮料</a>
                                <a href="#">新鲜蛋糕</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>咖啡冲饮</h5>
                            <p>
                                <a href="#">速溶咖啡</a>
                                <a href="#">谷物麦片</a>
                                <a href="#">食补粉粉</a>
                                <a href="#">减脂代餐</a>
                                <a href="#">咖啡豆粉</a>
                                <a href="#">藕粉</a>
                                <a href="#">豆浆</a>
                                <a href="#">女性滋补饮</a>
                                <a href="#">果汁冲饮</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>南北干货</h5>
                            <p>
                                <a href="#">特色腊味</a>
                                <a href="#">银耳</a>
                                <a href="#">营养菌菇</a>
                                <a href="#">桂圆干</a>
                                <a href="#">黑木耳</a>
                                <a href="#">莲子</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>时令生鲜</h5>
                            <p>
                                <a href="#">大闸蟹</a>
                                <a href="#">苹果</a>
                                <a href="#">奇异果</a>
                                <a href="#">石榴</a>
                                <a href="#">柚子</a>
                                <a href="#">梨</a>
                                <a href="#">板栗</a>
                                <a href="#">梭子蟹</a>
                                <a href="#">羊肉</a>
                                <a href="#">莲藕</a>
                                <a href="#">带鱼</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>肉类</h5>
                            <p>
                                <a href="#">火锅烧烤</a>
                                <a href="#">鸡肉</a>
                                <a href="#">牛肉</a>
                                <a href="#">牛排</a>
                                <a href="#">丸子类</a>
                                <a href="#">猪肉</a>
                                <a href="#">羊肉</a>
                                <a href="#">鸭肉</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>新鲜水果</h5>
                            <p>
                                <a href="#">桔子</a>
                                <a href="#">芒果</a>
                                <a href="#">橙</a>
                                <a href="#">榴莲</a>
                                <a href="#">柠檬</a>
                                <a href="#">百香果</a>
                                <a href="#">桃</a>
                                <a href="#">人参果</a>
                                <a href="#">火龙果</a>
                                <a href="#">菠萝蜜</a>
                                <a href="#">哈密瓜</a>
                                <a href="#">草莓</a>
                                <a href="#">车厘子/樱桃</a>
                                <a href="#">荔枝</a>
                                <a href="#">杨梅</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>海鲜</h5>
                            <p>
                                <a href="#">海带</a>
                                <a href="#">大虾</a>
                                <a href="#">关东煮</a>
                                <a href="#">美味蟹制品</a>
                                <a href="#">虾皮虾米</a>
                                <a href="#">鱼罐头</a>
                                <a href="#">海参</a>
                                <a href="#">鲍鱼制品</a>
                                <a href="#">生蚝</a>
                                <a href="#">大龙虾</a>
                                <a href="#">花胶/鱼胶</a>
                                <a href="#">虾仁</a>
                                <a href="#">鳗鱼</a>
                                <a href="#">黄鱼</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>蔬菜</h5>
                            <p>
                                <a href="#">葱姜蒜</a>
                                <a href="#">番薯</a>
                                <a href="#">芋头</a>
                                <a href="#">番茄</a>
                                <a href="#">山药</a>
                                <a href="#">萝卜</a>
                                <a href="#">菌菇</a>
                                <a href="#">黄瓜</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>宝宝辅食</h5>
                            <p>
                                <a href="#">番薯</a>
                                <a href="#">枣</a>
                                <a href="#">山药</a>
                                <a href="#">鳕鱼</a>
                                <a href="#">香蕉</a>
                                <a href="#">蓝莓</a>
                            </p>
                        </div>

                        <div class="service-panel ">
                            <h5>健身餐</h5>
                            <p>
                                <a href="#">鸡肉</a>
                                <a href="#">鸡蛋</a>
                                <a href="#">南瓜</a>
                                <a href="#">牛油果</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>蛋类</h5>
                            <p>
                                <a href="#">咸鸭蛋</a>
                                <a href="#">松花蛋</a>
                                <a href="#">鹅蛋</a>
                                <a href="#">鸭蛋</a>

                            </p>
                        </div>
                    </div>

                    <div class="service-rmd">
                        <h3>猜你喜欢</h3>
                        <div class="service-rmd-list">
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/81.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">零食大礼包</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/82.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">方便面</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/83.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">饼干</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/84.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">熟食</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/85.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">健康轻零食</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/86.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">粉丝米线</span>
                                </h5>
                            </a>

                        </div>
                    </div>
                </div>
                <!-- 9厨具 -->
                <div class="float-item">
                    <div class="service-fi-links">
                        <div class="service-panel full">
                            <h5>家用清洁</h5>
                            <p>
                                <a href="#">清洁工具</a>
                                <a href="#">清洁剂</a>
                                <a href="#">洗衣护理</a>
                                <a href="#">拖把扫把</a>
                                <a href="#">防蛀灭虫</a>
                                <a href="#">香薰蜡烛</a>
                                <a href="#">家用刷</a>
                                <a href="#">除味剂</a>
                                <a href="#">驱蚊灭鼠</a>
                                <a href="#">围裙</a>
                                <a href="#">鞋靴护理</a>
                                <a href="#">手套袖套</a>
                                <a href="#">甲醛检测</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>毛发护理</h5>
                            <p>
                                <a href="#">洗发</a>
                                <a href="#">染发</a>
                                <a href="#">头发造型</a>
                                <a href="#">男士剃须</a>
                                <a href="#">护发</a>
                                <a href="#">脱毛膏</a>

                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>洗浴用品</h5>
                            <p>
                                <a href="#">口腔清洁</a>
                                <a href="#">沐浴露</a>
                                <a href="#">香皂</a>
                                <a href="#">浴刷</a>
                                <a href="#">浴帽</a>
                                <a href="#">洗手液</a>
                                <a href="#">爽身止汗</a>
                                <a href="#">沐浴清洁</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>纸巾湿巾</h5>
                            <p>
                                <a href="#">纸巾</a>
                                <a href="#">湿巾</a>
                                <a href="#">厨房纸巾</a>
                                <a href="#">吸油纸</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>女性护理</h5>
                            <p>
                                <a href="#">卫生巾</a>
                                <a href="#">私处护理</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>家政服务</h5>
                            <p>
                                <a href="#">家政服务</a>
                            </p>
                        </div>

                    </div>

                    <div class="service-rmd">
                        <h3>猜你喜欢</h3>
                        <div class="service-rmd-list">
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/91.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">洗发</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/92.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">私处护理</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/93.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">沐浴露</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/94.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">男士剃须</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/95.png" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">纸巾</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/96.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">卫生巾</span>
                                </h5>
                            </a>

                        </div>
                    </div>
                </div>
                <!-- 10家纺 -->
                <div class="float-item">
                    <div class="service-fi-links">
                        <div class="service-panel full">
                            <h5>绿植宠物</h5>
                            <p>
                                <a href="#">多肉植物</a>
                                <a href="#">观赏鱼</a>
                                <a href="#">犬猫营养膏</a>
                                <a href="#">猫粮狗粮</a>
                                <a href="#">花卉</a>
                                <a href="#">猫砂</a>
                                <a href="#">园艺肥料</a>
                                <a href="#">花园管</a>
                                <a href="#">仿真绿植</a>
                                <a href="#">花瓶花器</a>
                                <a href="#">洒水壶</a>
                                <a href="#">果树</a>
                                <a href="#">遮光网</a>
                                <a href="#">栅栏篱笆</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>窗帘布艺</h5>
                            <p>
                                <a href="#">抱枕坐垫</a>
                                <a href="#">窗帘门帘</a>
                                <a href="#">地毯地垫</a>
                                <a href="#">居家拖鞋</a>
                                <a href="#">餐桌布艺</a>
                                <a href="#">毛巾浴袍</a>
                                <a href="#">缝纫用品</a>
                                <a href="#">防尘保护罩</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>居家日用</h5>
                            <p>
                                <a href="#">防护用品</a>
                                <a href="#">雨具</a>
                                <a href="#">礼品包装</a>
                                <a href="#">剪刀</a>
                                <a href="#">降温用品</a>
                                <a href="#">驱虫用品</a>
                                <a href="#">鞋用品</a>
                                <a href="#">保暖用品</a>
                                <a href="#">打火机</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>家居装饰</h5>
                            <p>
                                <a href="#">墙面装饰</a>
                                <a href="#">家用贴饰</a>
                                <a href="#">创意摆件</a>
                                <a href="#">花艺用品</a>
                                <a href="#">家用钟饰</a>
                                <a href="#">香薰用品</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>床上用品</h5>
                            <p>
                                <a href="#">床品套件</a>
                                <a href="#">枕头枕巾</a>
                                <a href="#">床品配饰</a>
                                <a href="#">床褥床垫</a>
                                <a href="#">被子被芯</a>
                                <a href="#">凉席蚊帐</a>
                                <a href="#">儿童床品</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>节庆礼包</h5>
                            <p>
                                <a href="#">创意礼品</a>
                                <a href="#">节日装扮</a>
                                <a href="#">伴手礼</a>
                                <a href="#">节日用品</a>
                                <a href="#">婚庆用品</a>
                                <a href="#">文创礼品</a>10
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>个性定制</h5>
                            <p>
                                <a href="#">服装定制</a>
                                <a href="#">照片冲印</a>
                                <a href="#">包装纸箱</a>
                                <a href="#">胸牌定做</a>
                                <a href="#">照片书</a>
                                <a href="#">个性徽章</a>
                            </p>
                        </div>
                    </div>

                    <div class="service-rmd">
                        <h3>猜你喜欢</h3>
                        <div class="service-rmd-list">
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/101.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">床品套件</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/102.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">水杯</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/103.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">碗筷餐具</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/104.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">花卉</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/105.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">创意摆件</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/106.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">厨房置物架</span>
                                </h5>
                            </a>

                        </div>
                    </div>
                </div>
                <!-- 11图书音像 -->
                <div class="float-item">
                    <div class="service-fi-links">
                        <div class="service-panel full">
                            <h5>文具教具</h5>

                            <a href="#" class="service-image-item">
                                <img src="upload/111(1).jpg" alt="">
                                <p>笔袋</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/1112.jpg" alt="">
                                <p>钢笔</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/1113.jpg" alt="">
                                <p>笔记本</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/1114.jpg" alt="">
                                <p>文具收纳</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/1115.jpg" alt="">
                                <p>书法画材</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/1116.jpg" alt="">
                                <p>展示告示</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/1117.jpg" alt="">
                                <p>装订用品</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/1118.jpg" alt="">
                                <p>台历挂历</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/1119.jpg" alt="">
                                <p>财会用品</p>

                            </a>
                        </div>
                        <div class="service-panel full">
                            <h5>图书</h5>

                            <a href="#" class="service-image-item">
                                <img src="upload/1121.png" alt="">
                                <p>教材教辅</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/1122.jpg" alt="">
                                <p>热门考试</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/1123.jpg" alt="">
                                <p>文学社科</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/1124.jpg" alt="">
                                <p>艺术生活</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/1125.jpg" alt="">
                                <p>经管励志</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/1126.png" alt="">
                                <p>科学技术</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/1127.png" alt="">
                                <p>医药卫生</p>

                            </a>
                            <a href="#" class="service-image-item">
                                <img src="upload/1128.png" alt="">
                                <p>进口原版</p>

                            </a>

                        </div>


                    </div>
                    <div class="service-rmd">
                        <h3>猜你喜欢</h3>
                        <div class="service-rmd-list">
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/101.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">床品套件</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/102.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">水杯</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/103.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">碗筷餐具</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/104.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">花卉</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/105.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">创意摆件</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/106.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">厨房置物架</span>
                                </h5>
                            </a>

                        </div>
                    </div>
                </div>
                <!-- 12医药保健 -->
                <div class="float-item">
                    <div class="service-fi-links">
                        <div class="service-panel full">
                            <h5>家庭常备药</h5>
                            <p>
                                <a href="#">消化道溃疡</a>
                                <a href="#">肠胃炎</a>
                                <a href="#">消化不良</a>
                                <a href="#">腹泻</a>
                                <a href="#">滴眼液</a>
                                <a href="#">解热镇痛</a>
                                <a href="#">鼻炎</a>
                                <a href="#">护肝</a>
                                <a href="#">痔疮</a>
                                <a href="#">中耳炎</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>皮肤用药</h5>
                            <p>
                                <a href="#">抗菌消炎</a>
                                <a href="#">防脱发</a>
                                <a href="#">皮肤湿疹</a>
                                <a href="#">真菌感染</a>
                                <a href="#">疤痕</a>
                                <a href="#">冻疮烫伤</a>
                                <a href="#">银屑病</a>
                                <a href="#">皮肤疱疹</a>

                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>风湿关节用药</h5>
                            <p>
                                <a href="#">风湿关节</a>
                                <a href="#">跌打损伤</a>
                                <a href="#">痛风</a>
                                <a href="#">腰疼</a>
                                <a href="#">骨质疏松</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>呼吸系统用药</h5>
                            <p>
                                <a href="#">呼吸用药</a>
                                <a href="#">喉咙肿痛</a>
                                <a href="#">哮喘</a>
                                <a href="#">支气管炎</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>慢性病用药</h5>
                            <p>
                                <a href="#">降血压</a>
                                <a href="#">心脑血管</a>
                                <a href="#">防血栓</a>
                                <a href="#">冠心病</a>
                                <a href="#">降血糖</a>
                                <a href="#">肝炎</a>
                                <a href="#">降血脂</a>
                                <a href="#">心律失常</a>
                                <a href="#">胆囊炎</a>
                                <a href="#">偏头痛</a>
                                <a href="#">结石</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>补益用药</h5>
                            <p>
                                <a href="#">补肾</a>
                                <a href="#">补气补血</a>
                                <a href="#">补益安神</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>泌尿系统用药</h5>
                            <p>
                                <a href="#">泌尿系统</a>
                                <a href="#">肾炎</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>外用理疗</h5>
                            <p>
                                <a href="#">彩瞳</a>
                                <a href="#">皮肤消毒</a>
                                <a href="#">医用面膜</a>
                                <a href="#">护具</a>
                                <a href="#">洗鼻器</a>
                                <a href="#">眼镜护理液</a>
                                <a href="#">血糖用品</a>
                                <a href="#">血压计</a>
                                <a href="#">理疗仪</a>
                                <a href="#">体温计</a>
                                <a href="#">轮椅</a>
                                <a href="#">雾化器</a>
                                <a href="#">家用制氧机</a>
                                <a href="#">护理床</a>

                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>传统滋补</h5>
                            <p>
                                <a href="#">养生茶</a>
                                <a href="#">蜂蜜</a>
                                <a href="#">人参</a>
                                <a href="#">枸杞</a>
                                <a href="#">燕窝</a>
                                <a href="#">阿胶</a>
                                <a href="#">藏红花</a>
                                <a href="#">桃胶</a>
                                <a href="#">冬虫夏草</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>保健品</h5>
                            <p>
                                <a href="#">补钙</a>
                                <a href="#">益生菌</a>
                                <a href="#">膳食纤维</a>
                                <a href="#">胶原蛋白</a>
                                <a href="#">乳清蛋白</a>
                                <a href="#">复合维生素</a>
                                <a href="#">鱼油</a>
                                <a href="#">美白丸</a>
                                <a href="#">氨糖</a>
                                <a href="#">叶黄素</a>
                                <a href="#">叶酸</a>

                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>计生用品</h5>
                            <p>
                                <a href="#">避孕套</a>
                                <a href="#">早孕试纸</a>
                                <a href="#">排卵试纸</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>药品</h5>
                            <p>
                                <a href="#">肠胃消化</a>
                                <a href="#">感冒咳嗽</a>
                                <a href="#">补益安神</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>医疗服务</h5>
                            <p>
                                <a href="#">体检</a>
                                <a href="#">瘦脸针</a>
                                <a href="#">口腔护理</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>时尚</h5>
                            <p>
                                <a href="#">女士卫衣</a>
                                <a href="#">大牌女包</a>
                                <a href="#">男士卫衣</a>
                                <a href="#">时尚女靴</a>
                                <a href="#">项链</a>
                                <a href="#">跑步鞋</a>
                                <a href="#">绅士男鞋</a>
                                <a href="#">品质腰带</a>
                                <a href="#">羽绒服</a>
                                <a href="#">限量潮鞋</a>
                                <a href="#">瑞士腕表</a>
                                <a href="#">欧美腕表</a>
                            </p>
                        </div>

                    </div>

                    <div class="service-rmd">
                        <h3>猜你喜欢</h3>
                        <div class="service-rmd-list">
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/121.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">补肾</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/122.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">真菌感染</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/123.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">皮肤湿疹</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/124.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">鼻炎</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/125.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">疤痕</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/126.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">泌尿系统</span>
                                </h5>
                            </a>

                        </div>
                    </div>
                </div>
                <!-- 13汽车 -->
                <div class="float-item">
                    <div class="service-fi-links">
                        <div class="service-panel ">
                            <h5>摩托车及其配件</h5>
                            <p>
                                <a href="#">摩托车头盔</a>
                                <a href="#">摩托车</a>
                                <a href="#">摩托车贴膜</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>电动车及其配件</h5>
                            <p>
                                <a href="#">电动车挡风被</a>
                                <a href="#">小电驴</a>
                                <a href="#">电动车遮阳伞</a>
                                <a href="#">电动车脚垫</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>汽车内饰</h5>
                            <p>
                                <a href="#">座椅套</a>
                                <a href="#">汽车头枕</a>
                                <a href="#">儿童安全座椅</a>
                                <a href="#">汽车内饰贴膜</a>
                                <a href="#">汽车车挂</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>汽车配件</h5>
                            <p>
                                <a href="#">行车记录仪</a>
                                <a href="#">雨刮器</a>
                                <a href="#">车用导航仪</a>
                            </p>
                        </div>
                        <div class="service-panel full ">
                            <h5>汽车保养</h5>
                            <p>
                                <a href="#">补漆笔</a>
                                <a href="#">汽车清洗剂</a>
                                <a href="#">汽车玻璃水</a>
                                <a href="#">汽车车蜡</a>
                                <a href="#">汽车防雾膜</a>
                                <a href="#">汽车抛光盘</a>
                                <a href="#">洗车机</a>
                                <a href="#">汽车除油剂</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>自行车及其配件</h5>
                            <p>
                                <a href="#">山地自行车</a>
                                <a href="#">自行车锁</a>
                                <a href="#">折叠自行车</a>
                                <a href="#">自行车包</a>
                                <a href="#">公路自行车</a>
                                <a href="#">死飞</a>
                                <a href="#">儿童自行车</a>
                                <a href="#">BMX小轮车</a>
                                <a href="#">场地自行车</a>
                                <a href="#">斜躺自行车</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>汽车外饰</h5>
                            <p>
                                <a href="#">漆面保护膜</a>
                                <a href="#">防撞胶条</a>
                                <a href="#">汽车车衣</a>
                                <a href="#">改色膜</a>
                            </p>
                        </div>

                        <div class="service-panel ">
                            <h5>汽车维修工具</h5>
                            <p>
                                <a href="#">千斤顶</a>
                                <a href="#">玻璃修复器</a>
                                <a href="#">汽车扒胎机</a>
                                <a href="#">汽车升降机</a>
                                <a href="#">汽车修车挡板</a>
                            </p>
                        </div>


                    </div>

                    <div class="service-rmd">
                        <h3>猜你喜欢</h3>
                        <div class="service-rmd-list">
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/131.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">行车记录仪</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/132.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">摩托车</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/133.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">玻璃水</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/134.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">汽车车衣</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/135.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">补漆笔</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/136.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">千斤顶</span>
                                </h5>
                            </a>

                        </div>
                    </div>
                </div>
                <!-- 14房产 -->
                <div class="float-item">
                    <div class="service-fi-links">
                        <div class="service-panel full ">
                            <h5>软装饰品</h5>
                            <p>
                                <a href="#">装饰字画</a>
                                <a href="#">墙贴</a>
                                <a href="#">钟</a>
                                <a href="#">瓷砖贴</a>
                                <a href="#">木雕</a>
                                <a href="#">冰箱贴</a>
                                <a href="#">石雕</a>
                                <a href="#">开关贴</a>
                                <a href="#">照片墙</a>
                                <a href="#">橄榄核雕</a>
                                <a href="#">玉雕</a>
                                <a href="#">散香器</a>
                                <a href="#">根雕</a>
                                <a href="#">炭雕</a>
                            </p>
                        </div>

                        <div class="service-panel full">
                            <h5>桌台</h5>
                            <p>
                                <a href="#">电脑桌</a>
                                <a href="#">餐桌</a>
                                <a href="#">茶几</a>
                                <a href="#">书桌</a>
                                <a href="#">梳妆台</a>
                                <a href="#">折叠桌</a>
                                <a href="#">炕几</a>
                                <a href="#">和室几桌</a>
                                <a href="#">升降桌</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>架子</h5>
                            <p>
                                <a href="#">书架</a>
                                <a href="#">鞋架</a>
                                <a href="#">花架</a>
                                <a href="#">衣帽架</a>
                                <a href="#">牙刷架</a>
                                <a href="#">毛巾架</a>
                                <a href="#">卫生纸架</a>
                                <a href="#">酒架</a>
                                <a href="#">微波炉支架</a>
                                <a href="#">剃须刀架</a>
                            </p>
                        </div>
                        <div class="service-panel full ">
                            <h5>灯具</h5>
                            <p>
                                <a href="#">台灯</a>
                                <a href="#">LED单灯</a>
                                <a href="#">LED灯带</a>
                                <a href="#">筒灯</a>
                                <a href="#">LED灯管</a>
                                <a href="#">吊灯</a>
                                <a href="#">吸顶灯</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>坐具</h5>
                            <p>
                                <a href="#">布艺沙发</a>
                                <a href="#">电脑椅</a>
                                <a href="#">实木沙发</a>
                                <a href="#">皮艺沙发</a>
                                <a href="#">餐椅</a>
                                <a href="#">摇椅</a>
                                <a href="#">和室椅</a>
                            </p>
                        </div>
                        <div class="service-panel ">
                            <h5>柜子</h5>
                            <p>
                                <a href="#">浴室柜</a>
                                <a href="#">鞋柜</a>
                                <a href="#">保险柜</a>
                                <a href="#">走入式衣柜</a>
                                <a href="#">酒柜</a>

                            </p>
                        </div>

                        <div class="service-panel full">
                            <h5>装修材料</h5>
                            <p>
                                <a href="#">仿古砖</a>
                                <a href="#">内墙乳胶漆</a>
                                <a href="#">隔音棉</a>
                                <a href="#">釉面砖</a>
                                <a href="#">金属油漆</a>
                                <a href="#">通体砖</a>
                                <a href="#">防水涂料</a>
                                <a href="#">环氧油漆</a>
                                <a href="#">水性木器漆</a>
                                <a href="#">艺术涂料</a>
                                <a href="#">木蜡油</a>
                                <a href="#">外墙乳胶漆</a>
                                <a href="#">玻化砖</a>
                                <a href="#">转角</a>
                                <a href="#">艺术油漆</a>
                                <a href="#">花片</a>
                                <a href="#">油性木器漆</a>
                                <a href="#">抛晶砖</a>
                                <a href="#">乳胶涂料</a>
                                <a href="#">砂岩背景墙</a>
                                <a href="#">工业涂料</a>
                            </p>
                        </div>

                        <div class="service-panel full">
                            <h5>厨房卫浴</h5>
                            <p>
                                <a href="#">水槽</a>
                                <a href="#">多功能浴霸</a>
                                <a href="#">挂墙式盆</a>
                                <a href="#">台下盆</a>
                                <a href="#">台上盆</a>
                                <a href="#">立柱盆</a>
                                <a href="#">灯暖式浴霸</a>
                                <a href="#">半嵌入式盆</a>
                                <a href="#">风暖式浴霸</a>
                            </p>
                        </div>


                    </div>

                    <div class="service-rmd">
                        <h3>猜你喜欢</h3>
                        <div class="service-rmd-list">
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/141.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">行车记录仪</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/142.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">布艺沙发</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/143.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">吊灯</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/144.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">电脑椅</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/145.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">浴室柜</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/146.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">吸顶灯</span>
                                </h5>
                            </a>

                        </div>
                    </div>
                </div>
                <!-- 手表 -->
                <div class="float-item">
                    <div class="service-fi-links">
                        <div class="service-panel full ">
                            <h5>服配</h5>
                            <p>
                                <a href="#">棒球帽</a>
                                <a href="#">毛线帽</a>
                                <a href="#">瓜皮帽</a>
                                <a href="#">礼帽</a>
                                <a href="#">草帽</a>
                                <a href="#">贝雷帽</a>
                                <a href="#">遮阳帽</a>
                                <a href="#">渔夫帽</a>
                                <a href="#">雷锋帽</a>
                                <a href="#">女士腰带</a>
                                <a href="#">男士腰带</a>
                                <a href="#">丝巾</a>
                                <a href="#">围巾</a>
                                <a href="#">手套</a>
                                <a href="#">防晒袖</a>
                            </p>
                        </div>

                        <div class="service-panel full">
                            <h5>潮搭</h5>
                            <p>
                                <a href="#">发饰</a>
                                <a href="#">耳饰</a>
                                <a href="#">项链</a>
                                <a href="#">手链</a>
                                <a href="#">戒指</a>
                                <a href="#">胸针</a>
                                <a href="#">手串</a>
                                <a href="#">脚链</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>手表</h5>
                            <p>
                                <a href="#">国产腕表</a>
                                <a href="#">日韩腕表</a>
                                <a href="#">瑞士腕表</a>
                                <a href="#">欧美腕表</a>
                            </p>
                        </div>
                        <div class="service-panel full ">
                            <h5>珠宝</h5>
                            <p>
                                <a href="#">黄金</a>
                                <a href="#">和田玉</a>
                                <a href="#">珍珠</a>
                                <a href="#">翡翠</a>
                                <a href="#">钻石</a>
                                <a href="#">宝石</a>
                                <a href="#">琥珀</a>
                            </p>
                        </div>
                        <div class="service-panel full">
                            <h5>眼镜</h5>
                            <p>
                                <a href="#">太阳镜</a>
                                <a href="#">光学眼镜</a>
                                <a href="#">防蓝光眼镜</a>
                                <a href="#">老花镜</a>
                            </p>
                        </div>

                    </div>

                    <div class="service-rmd">
                        <h3>猜你喜欢</h3>
                        <div class="service-rmd-list">
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/151.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">项链</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/152.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">耳饰</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/153.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">瑞士腕表</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/154.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">戒指</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/155.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">黄金</span>
                                </h5>
                            </a>
                            <a href="#" class="fl">
                                <div class="img-wrapper">
                                    <img src="upload/156.jpg" alt="">
                                </div>
                                <h5>
                                    <span class="a-all">手串</span>
                                </h5>
                            </a>

                        </div>
                    </div>
                </div>
            </div>
            <div class="core">
                <!-- 轮播图 -->
                <div class="focus">
                    <!-- 左侧按钮 -->
                    <a href="javascript:;" class="arrow-l" style="display: none;">
                        <i class="s-prev tb-ifont"></i>
                    </a>
                    <!-- 右侧 -->
                    <a href="javascript:;" class="arrow-r" style="display: none;">
                        <i class="s-prev tb-ifont"></i>
                    </a>
                    <ul>
                        <li>
                            <a href="#">
                                <img src="upload/O1CN01LU3qnv1igwPbvzfKz_!!6000000004443-0-octopus.jpg" alt="">
                            </a>

                        </li>
                        <li>
                            <a href="#">
                                <img src="upload/TB1gXd1JXXXXXapXpXXvKyzTVXX-520-280.jpg" alt="">
                            </a>
                            <div class="ad">
                                <img src="image/ad.png" alt="">
                                <span id="choice"> 喜欢</span>
                                <span id="choice">不喜欢</span>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="upload/TB1r4h8JXXXXXXoXXXXvKyzTVXX-520-280.jpg" alt="">
                            </a>
                            <div class="ad">
                                <img src="image/ad.png" alt="">
                                <span id="choice"> 喜欢</span>
                                <span id="choice">不喜欢</span>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="upload/TB10vPXKpXXXXacXXXXvKyzTVXX-520-280.jpg" alt="">
                            </a>
                            <div class="ad">
                                <img src="image/ad.png" alt="">
                                <span id="choice"> 喜欢</span>
                                <span id="choice">不喜欢</span>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="upload/O1CN01OIsx9S1zbJ0TwkB94_!!6000000006732-0-octopus.jpg" alt="">
                            </a>
                        </li>

                    </ul>
                    <!-- 小圆圈 -->
                    <ol class="circle">

                    </ol>
                </div>
                <!-- 轮播图2 -->
                <div class="tmall">
                    <div class="tmall-hd">
                        <div class="inner">
                            <span class="hd-bg"></span>
                            <em>理想生活上天猫</em>
                            <strong>
                                <i class="yeshu">1</i>/5
                            </strong>
                        </div>
                    </div>
                    <div class="tmall-bd">
                        <!-- 左侧按钮 -->
                        <a href="javascript:;" class="arrow-l1" style="display: none;">
                            <i class="s-prev tb-ifont"></i>
                        </a>
                        <!-- 右侧 -->
                        <a href="javascript:;" class="arrow-r1" style="display: none;">
                            <i class="s-prev tb-ifont"></i>
                        </a>
                        <ul class="box">
                            <li>
                                <a href="#"><img src="upload/2TB1X6uHLVXXXXcCXVXXSutbFXXX.jpg" alt=""></a>
                                <a href="#"><img src="upload/3B13xKuLVXXXXcHapXXSutbFXXX.jpg" alt=""></a>
                            </li>
                            <li>
                                <a href="#"><img src="upload/4O1CN01ga1mwD2IKL2CVvDC1_!!700459267.png_240x240q90.jpg"
                                        alt=""></a>
                                <a href="#"><img src="upload/5.jpg" alt=""></a>
                            </li>
                            <li>
                                <a href="#"><img src="upload/6.jpg" alt=""></a>
                                <a href="#"><img src="upload/7.jpg" alt=""></a>
                            </li>
                            <li>
                                <a href="#"><img src="upload/8.jpg" alt=""></a>
                                <a href="#"><img src="upload/9.jpg" alt=""></a>
                            </li>
                            <li>
                                <a href="#"><img src="upload/TB1jq1HekvoK1RjSZPfXXXPKFXa-502-380.jpg_240x240q90.jpg"
                                        alt=""></a>
                                <a href="#"><img src="upload/1TB1NASFejDpK1RjSZFrXXa78VXa-502-380.jpg_240x240q90.jpg"
                                        alt=""></a>
                            </li>

                        </ul>

                    </div>
                </div>
            </div>
            <div class="sub-column">
                <div class="tbh-focus">
                    <a href="#">
                        <img src="upload/O1CN01L1o8KD24AoB7uA18v_!!6000000007351-0-octopus.jpg_290x290q90.jpg_.webp"
                            alt="">
                    </a>
                </div>
                <div class="hb-tanx-down">
                    <h5>今日特卖</h5>
                    <a href="#">
                        <img src="upload/11.jpg" alt="">
                    </a>
                </div>
            </div>
        </div>
        <!-- 右边内容 -->
        <div class="col-right" style="overflow: hidden;">
            <div class="tbh-member J_Module">
                <div class="member">
                    <span class="member-bd">
                        <div class="avatar-wrapper">
                            <a href="#" class="member-home">
                                <img src="image/touxiang.jpg" alt="" class="member-avatar">
                            </a>
                        </div>
                        <span class="member-nick-info">
                            Hi!
                            <strong class=" member-nick">你好</strong>
                        </span>
                        <p class="member-tjb">
                            <a href="#" class="h">
                                <span class="tbh-icon"></span>领淘金币抵钱
                            </a>
                            <a class="h club" href="#">
                                <span class="tbh-icon"></span>会员俱乐部</a>
                        </p>
                </div>
            </div>
            <div class="tbh-tipoff">
                <a href="#">
                    <img src="image/bg3.jpg">
                </a>


            </div>
            <div class="J_Module tbh-notice">
                <ul class="notice-hd">
                    <li><a href="#">公告</a></li>
                    <li><a href="#">规则</a></li>
                    <li><a href="#">安全</a></li>
                    <li><a href="#">公益</a></li>
                    <li><a href="#">千牛</a></li>
                </ul>
                <div class="notice-bd">
                    <ul class="mod first one">
                        <li><a href="#">关于全面降低淘宝网卖家收款服务费率的公告</a></li>
                        <li><a href="#">严禁借庆祝建党100周年进行商业营销的公告</a></li>
                        <li><a href="#">关于加强卖家广告(含弹窗)合规宣传的公告</a></li>
                        <li><a href="#">关于开展打击网络“有偿删帖”和“软色情”专项的公告</a></li>
                    </ul>
                    <ul class="mod hide one">
                        <li><a href="#">新增《淘宝网汽配行业管理规范》公示通知</a></li>
                    </ul>
                    <ul class="mod hide one ">
                        <li><a href="#" class="h">魔豆妈妈公益项目</a></li>
                        <li><a href="#" class="h">让母爱永不打烊！</a></li>
                        <li><a href="#" class="">卖家注意：风险通报！</a></li>
                        <li><a href="#" class="">售假获刑又起诉！</a></li>
                    </ul>
                    <ul class="mod hide one">
                        <li><a href="#">阿里公益“奥斯卡”</a></li>
                        <li><a href="#">阿里公益论坛</a></li>
                        <li><a href="#">卖家如何设置公益宝贝</a></li>
                        <li><a href="#">公益机构开店全攻略</a></li>
                    </ul>
                    <ul class="mod hide one">
                        <li><a href="#">千牛头条</a></li>
                        <li><a href="#">新手开店</a></li>
                    </ul>
                </div>
            </div>
            <div class="tbh-conve J_Module">
                <div class="conve">
                    <ul class="conve-list">
                        <li class="mod conve-float .conve-item-1 min "><a href="#">
                                <span class="conve-item-icon tbh-icon"></span>
                                <p>充话费</p>
                            </a></li>
                        <li class="mod conve-float .conve-item-2 min"><a href="#">
                                <span class="conve-item-icon tbh-icon" style="background-position: 0 -87px;"></span>
                                <p>旅行</p>
                            </a></li>
                        <li class="mod conve-float .conve-item-3 min"><a href="#">
                                <span class="conve-item-icon tbh-icon" style="background-position: 0 -44px;"></span>
                                <p>车险</p>
                            </a></li>
                        <li class="mod conve-float .conve-item-4 min"><a href="#">
                                <span class="conve-item-icon tbh-icon" style="background-position:0 -132px;"></span>
                                <p>游戏</p>
                            </a></li>
                        <li class="mod conve-float .conve-item-5 min"><a href="#">
                                <span class="conve-item-icon tbh-icon" style="background-position: 0 -176px;"></span>
                                <p>彩票</p>
                            </a></li>
                        <li class="mod conve-float .conve-item-6 min"><a href="#">
                                <span class="conve-item-icon tbh-icon" style="background-position: 0 -220px;"></span>
                                <p>电影</p>
                            </a></li>
                        <li class="mod conve-float .conve-item-7 min"><a href="#">
                                <span class="conve-item-icon tbh-icon" style="background-position: 0 -264px;"></span>
                                <p>酒店</p>
                            </a></li>
                        <li class="mod conve-float .conve-item-8 min"><a href="#">
                                <span class="conve-item-icon tbh-icon" style="background-position: 0 -308px;"></span>
                                <p>理财</p>
                            </a></li>

                    </ul>
                    <div class="conve-bd-box">
                        <!-- 关闭键 -->
                        <a href="javascript:;" class="conve-bd-box-close"></a>
                        <!-- 充话费 -->
                        <div class="conve-bd-item J_Conve_phone">
                            <div class="moudle-wrap J_Module">
                                <div class="conve-container">
                                    <div class="recharge-tab" style="position: relative;">
                                        <div class="conve-tabs">
                                            <a href="javascript:;" class="current1">充话费</a>
                                            <a href="javascript:;">充流量</a>
                                            <a href="javascript:;">充固话</a>
                                            <a href="javascript:;">充宽带</a>
                                        </div>

                                    </div>
                                    <ul class="recharge-tab-body"
                                        style="position: absolute; width: 999999px; left: 0px;padding: 0px 15px;">
                                        <li>
                                            <div class="conve-control-group" id="tbr-phone-number">
                                                <div class="conve-input">
                                                    <label class="conve-label" for="tbr-phone-number-input">号码</label>
                                                    <div class="conve-combox" style="position: relative; z-index:-1">
                                                        <input class="conve-large-width tbr-number-input"
                                                            id="tbr-phone-number-input" type="tel"
                                                            placeholder="请输入手机号码">
                                                    </div>

                                                    <span class="conve-icon conve-icon-phone" title="点击查看充值历史"></span>
                                                </div>
                                            </div>
                                            <div id="tbr-phone-number-log">您还没有充值记录</div>
                                            <div class="conve-control-group" id="tbr-phone-denom"
                                                style="margin-top: -1px;">
                                                <div class="conve-input">
                                                    <label class="conve-label" for="tbr-select-denom">面值</label>
                                                    <div class="conve-combox">
                                                        <input type="text" id="tbr-select-denom" readonly="on"
                                                            class="conve-large-width" style="width:185px" title="50元"
                                                            value="50元">

                                                    </div>

                                                    <s class="conve-icon conve-icon-arrows"></s>

                                                </div>

                                            </div>
                                            <div class="tbr-block tbr-result conve-control-group"
                                                style="height:auto; zoom:1;" id="J_TbrPhonePrice">
                                                <div class="tbr-block-hd">售价</div>
                                                <div class="tbr-block-bd"><span
                                                        class="tbr-price"><span>¥</span><strong>49-49.8</strong></span>
                                                </div>

                                            </div>
                                            <div class="tbr-block tbr-buy">
                                                <a href="#" class="tbr-btn tbr-btn-buy conve-btn">立即充值</a>
                                            </div>
                                        </li>
                                        <!-- 充流量 -->
                                        <li>
                                            <div class="conve-control-group" id="tbr-phone-number">
                                                <div class="conve-input">
                                                    <label class="conve-label" for="tbr-phone-number-input">号码</label>
                                                    <div class="conve-combox" style="position: relative; z-index:-1">
                                                        <input class="conve-large-width tbr-number-input"
                                                            id="tbr-phone-number-input" type="tel"
                                                            placeholder="请输入手机号码">
                                                    </div>
                                                    <div id="tbr-phone-number-log">您还没有充值记录</div>
                                                    <span class="conve-icon conve-icon-phone" title="点击查看充值历史"></span>
                                                </div>
                                            </div>
                                            <div class="conve-control-group" id="tbr-phone-denom"
                                                style="position:relative">
                                                <div class="conve-input J-type-ctn" style="border:none">
                                                    <label class="conve-label" for="_traffic_face_value">流量</label>
                                                    <div class="conve-combox" style="
                                                    height: 24px;margin-top: -1px;
                                                    border: 1px solid #ccc;">
                                                        <input type="text" style="width:95px;"
                                                            class="conve-small-width J-type" readonly="readonly"
                                                            aria-live="assertive" aria-readonly="true"
                                                            aria-haspopup="false" aria-expanded="false"
                                                            aria-autocomplete="list" title="全国流量" value="全国流量">
                                                        <s class="conve-icon conve-icon-arrows"></s>
                                                    </div>
                                                    <div class="conve-combox">
                                                        <input type="text" id="_traffic_face_value"
                                                            class="conve-small-width J-face-value"
                                                            style="width: 89px;height: 24px;border: 1px solid #ccc;border-left: 0;margin-top: -1px;"
                                                            role="combobox" aria-ows="_rs_651" readonly="readonly"
                                                            aria-live="assertive" aria-readonly="true"
                                                            aria-haspopup="false" aria-expanded="false"
                                                            aria-autocomplete="list">
                                                        <s class="conve-icon conve-icon-arrows"
                                                            data-spm-anchor-id="a21bo.21814703.754870889.i5.5af911d9WUDLIY"></s>
                                                    </div>
                                                </div>
                                                <span class="particular">详情</span>
                                            </div>
                                            <div class="tbr-block tbr-result conve-control-group"
                                                style="height:auto; zoom:1;" id="J_TbrPhonePrice">
                                                <div class="tbr-block-hd">售价</div>
                                                <div class="tbr-block-bd"><span
                                                        class="tbr-price"><span>¥</span><strong>49-49.8</strong></span>
                                                </div>

                                            </div>
                                            <div class="tbr-block tbr-buy">
                                                <a href="#" class="tbr-btn tbr-btn-buy conve-btn">立即充值</a>
                                            </div>
                                        </li>
                                        <!-- 充固话 -->
                                        <li>
                                            <div class="form-item">
                                                <input type="radio">电信
                                                <input type="radio">联通
                                            </div>
                                            <div class="form-item">
                                                <div class="line-ctn">
                                                    <input type="text" class="j-txt-areanum txt-areanum"
                                                        placeholder="区号">
                                                    <span class="dash">－</span>
                                                    <input type="text" class="j-txt-linenum txt-linenum"
                                                        placeholder="号码(不支持小灵通)">
                                                    <a name="充值历史记录" for="__wt_home_Landline_phone__"
                                                        class="J-contact-icon conve-icon conve-icon-phone"
                                                        title="点击查看充值历史">&nbsp;</a>

                                                </div>
                                            </div>
                                            <div class="input-item ">
                                                <div class="sel-trigger">
                                                    <span>50元</span>
                                                    <i class="j-arrow"></i>
                                                </div>
                                            </div>
                                            <a href="#" class="btn-recharge ">立即充值</a>
                                            <p class="recharge-price"><span>售价 ¥ </span><span class="price j-price">49 -
                                                    49.8</span></p>
                                        </li>
                                        <!-- 充宽带 -->
                                        <li>
                                            <div class="input-item input-item-top">
                                                <div class="sel-trigger">
                                                    <span style="color: #ccc;">运营商/城市</span>
                                                    <i class="j-arrow"></i>
                                                </div>
                                            </div>
                                            <div class="line-ctn" style="border-top:0;">
                                                <input type="text" class="j-txt-network" placeholder="请输入宽带账号">
                                                <a name="充值历史记录" for="__wt_home_Landline_phone__"
                                                    class="J-contact-icon conve-icon conve-icon-phone"
                                                    title="点击查看充值历史">&nbsp;</a>

                                            </div>
                                            <div class="input-item ">
                                                <div class="sel-trigger">
                                                    <span>50元</span>
                                                    <i class="j-arrow"></i>
                                                </div>
                                            </div>
                                            <a href="#" class="btn-recharge ">立即充值</a>
                                            <p class="recharge-price"><span>售价 ¥ </span><span class="price j-price">49 -
                                                    49.8</span></p>

                                        </li>
                                    </ul>
                                </div>

                            </div>
                        </div>
                        <div class="conve-bd-item J_Conve_trip">
                            <div class="moudle-wrap J_Module">
                                <div class="conve-container">
                                    <div class="recharge-tab" style="position: relative;">
                                        <div class="conve-tabs tabs1">
                                            <a href="javascript:;" class="current1">国内机票</a>
                                            <a href="javascript:;">国外机票</a>
                                            <a href="javascript:;">酒店客栈</a>
                                            <a href="javascript:;">度假门票</a>
                                            <a href="javascript:;">火车票</a>
                                        </div>

                                    </div>
                                    <ul class="recharge-tab-body body1"
                                        style="position: absolute; width: 999999px; left: 0px;padding: 0px 15px;">
                                        <li>
                                            <input type="radio" name="tripType" value="0" id="ne_type1" checked="">
                                            <label for="ne_type1">单程 </label>
                                            <input type="radio" name="tripType" value="1" id="ne_type2">
                                            <label for="ne_type2">往返</label>
                                            <span class="conve-trip-tips">中国港澳台请选择国际机票</span></br>
                                            <div class="cov-input">
                                                <label class="cov-label" for="J_neDepCity">出发</label>
                                                <div class="cov-combox">
                                                    <input type="text" name="depCityName" maxlength="30"
                                                        autocomplete="off" id="J_neDepCity" placeholder="城市"
                                                        class="trip_input">
                                                    <label class="conve-icon conve-icon-place"
                                                        for="J_neDepCity"></label>
                                                </div>
                                            </div>
                                            <span class="conve-trip-go J_tripGo">去</span>
                                            <div class="cov-input">
                                                <label class="cov-label" for="J_neDepCity">到达</label>
                                                <div class="cov-combox">
                                                    <input type="text" name="depCityName" maxlength="30"
                                                        autocomplete="off" id="J_neDepCity" placeholder="城市"
                                                        class="trip_input">
                                                    <label class="conve-icon conve-icon-place"
                                                        for="J_neDepCity"></label>
                                                </div>
                                            </div>
                                            <div class="cov-input">
                                                <label class="cov-label" for="J_neDepCity">出发</label>
                                                <div class="cov-combox">
                                                    <input type="text" name="depCityName" maxlength="30"
                                                        autocomplete="off" id="J_neDepCity" placeholder="日期"
                                                        class="trip_input">
                                                    <label class="conve-icon calendar-start-icon  " for="J_neDepCity"
                                                        style="height: 14px;"></label>
                                                </div>
                                            </div>
                                            </br>
                                            <input type="submit" class="conve-btn J_conveBtn" value="查找">
                                        </li>
                                        <!-- 国际机票 -->
                                        <li>
                                            <input type="radio" name="tripType" value="0" id="ne_type1" checked="">
                                            <label for="ne_type1">单程 </label>
                                            <input type="radio" name="tripType" value="1" id="ne_type2">
                                            <label for="ne_type2">往返</label>
                                            <span class="conve-trip-tips">中国港澳台请选择国际机票</span></br>
                                            <div class="cov-input">
                                                <label class="cov-label" for="J_neDepCity">出发</label>
                                                <div class="cov-combox">
                                                    <input type="text" name="depCityName" maxlength="30"
                                                        autocomplete="off" id="J_neDepCity" placeholder="城市"
                                                        class="trip_input">
                                                    <label class="conve-icon conve-icon-place"
                                                        for="J_neDepCity"></label>
                                                </div>
                                            </div>
                                            <span class="conve-trip-go J_tripGo">去</span>
                                            <div class="cov-input">
                                                <label class="cov-label" for="J_neDepCity">到达</label>
                                                <div class="cov-combox">
                                                    <input type="text" name="depCityName" maxlength="30"
                                                        autocomplete="off" id="J_neDepCity" placeholder="城市"
                                                        class="trip_input">
                                                    <label class="conve-icon conve-icon-place"
                                                        for="J_neDepCity"></label>
                                                </div>
                                            </div>
                                            <div class="cov-input">
                                                <label class="cov-label" for="J_neDepCity">出发</label>
                                                <div class="cov-combox">
                                                    <input type="text" name="depCityName" maxlength="30"
                                                        autocomplete="off" id="J_neDepCity" placeholder="日期"
                                                        class="trip_input">
                                                    <label class="conve-icon calendar-start-icon  " for="J_neDepCity"
                                                        style="height: 14px;"></label>
                                                </div>
                                            </div>
                                            </br>
                                            <input type="submit" class="conve-btn J_conveBtn" value="查找">
                                        </li>
                                        <!-- 酒店客栈 -->
                                        <li>
                                            <input type="radio" name="tripType" value="0" id="ne_type1" checked="">
                                            <label for="ne_type1">国内(含港澳台) </label>
                                            <input type="radio" name="tripType" value="1" id="ne_type2">
                                            <label for="ne_type2">海外</label>
                                            <span class="conve-trip-tips">中国港澳台请选择国际机票</span></br>
                                            <div class="cov-input">
                                                <label class="cov-label" for="J_neDepCity">入住</label>
                                                <div class="cov-combox">
                                                    <input type="text" name="depCityName" maxlength="30"
                                                        autocomplete="off" id="J_neDepCity" placeholder="城市"
                                                        class="trip_input">
                                                    <label class="conve-icon conve-icon-place"
                                                        for="J_neDepCity"></label>
                                                </div>
                                            </div>
                                            <span class="conve-trip-go J_tripGo">去</span>
                                            <div class="cov-input">
                                                <div class="cov-combox" style="width: 118px;">
                                                    <input type="text" name="depCityName" maxlength="30"
                                                        autocomplete="off" id="J_neDepCity" placeholder="酒店/地标"
                                                        class="trip_input">
                                                </div>
                                            </div>
                                            <div class="cov-input">
                                                <label class="cov-label" for="J_neDepCity">入住</label>
                                                <div class="cov-combox">
                                                    <input type="text" name="depCityName" maxlength="30"
                                                        autocomplete="off" id="J_neDepCity" placeholder="2021-9-24"
                                                        class="trip_input">
                                                    <label class="conve-icon calendar-start-icon  " for="J_neDepCity"
                                                        style="height: 14px;"></label>
                                                </div>
                                            </div>
                                            <div class="cov-input">
                                                <label class="cov-label" for="J_neDepCity">入住</label>
                                                <div class="cov-combox">
                                                    <input type="text" name="depCityName" maxlength="30"
                                                        autocomplete="off" id="J_neDepCity" placeholder="2021-9-24"
                                                        class="trip_input">
                                                    <label class="conve-icon calendar-start-icon  " for="J_neDepCity"
                                                        style="height: 14px;"></label>
                                                </div>
                                            </div>
                                            <input type="submit" class="conve-btn J_conveBtn1 " value="查找">
                                        </li>
                                        <!-- 度假门票 -->
                                        <li>
                                            <input type="radio" name="tripType" value="0" id="ne_type1" checked="">
                                            <label for="ne_type1">单程 </label>
                                            <input type="radio" name="tripType" value="1" id="ne_type2">
                                            <label for="ne_type2">往返</label>
                                            <span class="conve-trip-tips">中国港澳台请选择国际机票</span></br>
                                            <div class="cov-input">
                                                <label class="cov-label" for="J_neDepCity">出发</label>
                                                <div class="cov-combox">
                                                    <input type="text" name="depCityName" maxlength="30"
                                                        autocomplete="off" id="J_neDepCity" placeholder="城市"
                                                        class="trip_input">
                                                    <label class="conve-icon conve-icon-place"
                                                        for="J_neDepCity"></label>
                                                </div>
                                            </div>
                                            <span class="conve-trip-go J_tripGo">去</span>
                                            <div class="cov-input">
                                                <label class="cov-label" for="J_neDepCity">到达</label>
                                                <div class="cov-combox">
                                                    <input type="text" name="depCityName" maxlength="30"
                                                        autocomplete="off" id="J_neDepCity" placeholder="城市/景点"
                                                        class="trip_input">
                                                    <label class="conve-icon conve-icon-place"
                                                        for="J_neDepCity"></label>
                                                </div>
                                            </div>

                                            <input type="submit" class="conve-btn J_conveBtn1" value="查找">
                                            <a href="#" class="conve-link">看这里，机票团购价，旅行更划算</a>
                                        </li>
                                        <!-- 火车票 -->
                                        <li>

                                            <span class="conve-trip-tips">中国港澳台请选择国际机票</span></br>
                                            <div class="cov-input">
                                                <label class="cov-label" for="J_neDepCity">出发</label>
                                                <div class="cov-combox">
                                                    <input type="text" name="depCityName" maxlength="30"
                                                        autocomplete="off" id="J_neDepCity" placeholder="城市"
                                                        class="trip_input">
                                                    <label class="conve-icon conve-icon-place"
                                                        for="J_neDepCity"></label>
                                                </div>
                                            </div>
                                            <span class="conve-trip-go J_tripGo">去</span>
                                            <div class="cov-input">
                                                <label class="cov-label" for="J_neDepCity">到达</label>
                                                <div class="cov-combox">
                                                    <input type="text" name="depCityName" maxlength="30"
                                                        autocomplete="off" id="J_neDepCity" placeholder="城市"
                                                        class="trip_input">
                                                    <label class="conve-icon conve-icon-place"
                                                        for="J_neDepCity"></label>
                                                </div>
                                            </div>
                                            <div class="cov-input">
                                                <label class="cov-label" for="J_neDepCity">出发</label>
                                                <div class="cov-combox">
                                                    <input type="text" name="depCityName" maxlength="30"
                                                        autocomplete="off" id="J_neDepCity" placeholder="日期"
                                                        class="trip_input">
                                                    <label class="conve-icon calendar-start-icon  " for="J_neDepCity"
                                                        style="height: 14px;"></label>
                                                </div>
                                            </div>
                                            </br>
                                            <input type="submit" class="conve-btn J_conveBtn" value="查找">
                                        </li>
                                    </ul>

                                </div>
                            </div>

                        </div>
                        <div class="conve-bd-item J_Conve_baoxian">
                            <div class="moudle-wrap J_Module">
                                <div class="conve-container">
                                    <div class="recharge-tab" style="position: relative;">
                                        <div class="conve-tabs tabs2">
                                            <a href="javascript:;" class="current1">车险</a>
                                            <a href="javascript:;">意外险</a>
                                            <a href="javascript:;">健康险</a>
                                            <a href="javascript:;">旅行险</a>
                                            <a href="javascript:;">财产险</a>
                                        </div>

                                    </div>
                                    <ul class="recharge-tab-body body2"
                                        style="position: absolute; width: 999999px; left: 0px;padding: 0px 15px;">
                                        <li>
                                            <div class="box_top">
                                                <form action="#">
                                                    <div class="conve_input">
                                                        <label class="cov-label" for="c-city">热门城市</label>
                                                        <div class="cov-combox">
                                                            <input type="text" class="c-city" readonly="readonly"
                                                                value="请选择城市">
                                                            <s class="city-arrow"></s>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                            <div class="box_top">
                                                <form action="#">
                                                    <div class="conve_input">
                                                        <label class="cov-label" for="c-city">保险公司</label>
                                                        <div class="cov-combox">
                                                            <input type="text" class="c-city" readonly="readonly"
                                                                value="人车保险">
                                                            <s class="city-arrow"></s>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                            <div style="margin-top: 17px;">
                                                <a href="#" class="conve-btn">立即报价</a>
                                                <a href="#" class="conve-btn"
                                                    style="background-color: #fff;color: #000;border: 1px solid #ccc;">快速续保</a>
                                                <a href="#" class="conve-link" style="margin-top:0">车险活动</a>
                                            </div>
                                        </li>
                                        <!-- 意外险 -->
                                        <li>
                                            <div class="box_top">
                                                <form action="#">
                                                    <div class="conve_input">
                                                        <label class="cov-label" for="c-city">保险类型</label>
                                                        <div class="cov-combox">
                                                            <input type="text" class="c-city" readonly="readonly"
                                                                value="航空意外">
                                                            <s class="city-arrow"></s>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                            <div class="box_top">
                                                <form action="#">
                                                    <div class="conve_input">
                                                        <label class="cov-label" for="c-city">保险期限</label>
                                                        <div class="cov-combox">
                                                            <input type="text" class="c-city" readonly="readonly"
                                                                value="一年以内">
                                                            <s class="city-arrow"></s>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                            <div style="margin-top: 17px;">
                                                <a href="#" class="conve-btn">查看适合的保险</a>
                                            </div>
                                        </li>
                                        <!-- 健康险 -->
                                        <li>
                                            <div class="box_top">
                                                <form action="#">
                                                    <div class="conve_input">
                                                        <label class="cov-label" for="c-city">保障类型</label>
                                                        <div class="cov-combox">
                                                            <input type="text" class="c-city" readonly="readonly"
                                                                value="重大疾病">
                                                            <s class="city-arrow"></s>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                            <div class="box_top">
                                                <form action="#">
                                                    <div class="conve_input">
                                                        <label class="cov-label" for="c-city">特色保障</label>
                                                        <div class="cov-combox">
                                                            <input type="text" class="c-city" readonly="readonly"
                                                                value="可保证续保">
                                                            <s class="city-arrow"></s>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                            <div style="margin-top: 17px;">
                                                <a href="#" class="conve-btn">立即报价</a>
                                                <a href="#" class="conve-link" style="margin-top:0">最全人寿险</a>
                                            </div>
                                        </li>
                                        <!-- 旅行险 -->
                                        <li>
                                            <div class="box_top">
                                                <form action="#">
                                                    <div class="conve_input">
                                                        <label class="cov-label" for="c-city">出行地区</label>
                                                        <div class="cov-combox">
                                                            <input type="text" class="c-city" readonly="readonly"
                                                                value="境内">
                                                            <s class="city-arrow"></s>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                            <div class="box_top">
                                                <form action="#">
                                                    <div class="conve_input">
                                                        <label class="cov-label" for="c-city">出行天数</label>
                                                        <div class="cov-combox">
                                                            <input type="text" class="c-city" readonly="readonly"
                                                                value="7天及以下">
                                                            <s class="city-arrow"></s>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                            <div style="margin-top: 17px;">
                                                <a href="#" class="conve-btn">查看适合的保险</a>
                                            </div>
                                        </li>
                                        财产险
                                        <li>
                                            <div class="box_top">
                                                <form action="#">
                                                    <div class="conve_input">
                                                        <label class="cov-label" for="c-city">特色保障</label>
                                                        <div class="cov-combox">
                                                            <input type="text" class="c-city" readonly="readonly"
                                                                value="水管爆裂">
                                                            <s class="city-arrow"></s>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>

                                            <div style="margin-top: 17px;">
                                                <a href="#" class="conve-btn">查看适合的保险</a>
                                            </div>
                                        </li>

                                    </ul>
                                </div>
                            </div>

                        </div>
                    </div>

                </div>
            </div>
            <div class="tbh-app J_Module">
                <div class="apps">
                    <h3>阿里APP
                        <a href="#" class="more">更多</a>
                    </h3>
                    <ul class="apps-nav">
                        <li>
                            <a href="#">
                                <img src="image/taobao.webp" alt="">
                            </a>
                            <div class="app-qr">
                                <img src="image/tberweima.jpg" alt="">
                                <p>扫一扫淘宝</p>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="image/tianmao.webp" alt="">
                            </a>
                            <div class="app-qr">
                                <img src="image/tberweima.jpg" alt="">
                                <p>扫一扫天猫</p>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="image/zhifubao.webp" alt="">
                            </a>
                            <div class="app-qr">
                                <img src="image/tberweima.jpg" alt="">
                                <p>扫一扫支付宝</p>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="image/dingding.webp" alt="">
                            </a>
                            <div class="app-qr">
                                <img src="image/tberweima.jpg" alt="">
                                <p>扫一扫钉钉</p>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="image/taoxiaopu.webp" alt="">
                            </a>
                            <div class="app-qr">
                                <img src="image/tberweima.jpg" alt="">
                                <p>扫一扫淘小铺</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 充值金额 -->
        <!-- 放在盒子内部,因为父盒子overfloat:hidden 挡住 ,前面内容不方便修改,把下面盒子放在外面 -->
        <div class="money_box">
            <table width=100% cellpadding="0" ;cellspacing="0">
                <tr>
                    <td>100元</td>
                    <td>10元</td>
                </tr>
                <tr>
                    <td>100元</td>
                    <td>10元</td>
                </tr>
                <tr>
                    <td>100元</td>
                    <td>10元</td>
                </tr>
                <tr>
                    <td>100元</td>
                    <td>10元</td>
                </tr>
                <tr>
                    <td>100元</td>
                    <td>10元</td>
                </tr>
            </table>
        </div>
    </div>
    <div class="w tbh-discover-goods">
        <div class="goods-inner">
            <h3 class="com-hd mod-hd">
                <span class="total-title fl top1">有好货</span>
                <img src="image/koubei.png" alt="" class="mlogo fl">
                <p></p>
            </h3>
            <ul class="goods-list">
                <a href="#">
                    <div class="img-wrapper">
                        <img src="upload/111.webp" alt="">
                        <div class="mask"></div>
                    </div>
                    <div class="info">
                        <h4>3M甲醛净化剂 </h4>
                        <p>选用优质原料，无毒无害，健康环保，对新车内饰释放的甲醛具有高降解率，及时净化车内的空气，捕捉、吸附、清除一步到位，使车内空气自然清新，持久有效，驾驶更舒适。</p>
                    </div>
                </a>
                <a href="#">
                    <div class="img-wrapper">
                        <img src="upload/111.webp" alt="">
                        <div class="mask"></div>
                    </div>
                    <div class="info">
                        <h4>3M甲醛净化剂 </h4>
                        <p>选用优质原料，无毒无害，健康环保，对新车内饰释放的甲醛具有高降解率，及时净化车内的空气，捕捉、吸附、清除一步到位，使车内空气自然清新，持久有效，驾驶更舒适。</p>
                    </div>
                </a>
                <a href="#">
                    <div class="img-wrapper">
                        <img src="upload/111.webp" alt="">
                        <div class="mask"></div>
                    </div>
                    <div class="info">
                        <h4>3M甲醛净化剂 </h4>
                        <p>选用优质原料，无毒无害，健康环保，对新车内饰释放的甲醛具有高降解率，及时净化车内的空气，捕捉、吸附、清除一步到位，使车内空气自然清新，持久有效，驾驶更舒适。</p>
                    </div>
                </a>
                <a href="#">
                    <div class="img-wrapper">
                        <img src="upload/111.webp" alt="">
                        <div class="mask"></div>
                    </div>
                    <div class="info">
                        <h4>3M甲醛净化剂 </h4>
                        <p>选用优质原料，无毒无害，健康环保，对新车内饰释放的甲醛具有高降解率，及时净化车内的空气，捕捉、吸附、清除一步到位，使车内空气自然清新，持久有效，驾驶更舒适。</p>
                    </div>
                </a>
                <a href="#">
                    <div class="img-wrapper">
                        <img src="upload/111.webp" alt="">
                        <div class="mask"></div>
                    </div>
                    <div class="info">
                        <h4>3M甲醛净化剂 </h4>
                        <p>选用优质原料，无毒无害，健康环保，对新车内饰释放的甲醛具有高降解率，及时净化车内的空气，捕捉、吸附、清除一步到位，使车内空气自然清新，持久有效，驾驶更舒适。</p>
                    </div>
                </a>
            </ul>
        </div>
    </div>
    <div class="w">
        <div id="J_Sale" class=" J_Module">
            <ul class="zuanshi">
                <li><a href="#">
                        <img src="upload/1111.jpg" alt="">
                    </a></li>
                <li><a href="#">
                        <img src="upload/1111.jpg" alt="">
                    </a></li>
                <li><a href="#">
                        <img src="upload/1111.jpg" alt="">
                    </a></li>
            </ul>
        </div>
    </div>
    <div class="w">
        <div class="J_Module tbh-hotsale">
            <h3 class="com-hd mod-hd">
                <span class="total-title fl">个性推荐</span>
                <img src="image/gexingtuijian.png" alt="" class="mlogo fl">
                <p></p>
            </h3>
            <div class="list">
                <div class="item">
                    <a href="#" class="hotsale-item">
                        <div class="img-wrapper">
                            <img src="upload/11111.webp" alt="">
                        </div>
                        <h4>正品迪士尼米奇苏格兰风格双层饭盒可微波炉加热大容量便当盒 2L</h4>
                    </a>
                    <p class="info">
                        <span class="marks hotsale-hide"></span>
                        <span class="price"><em>¥</em>9.9</span>
                        <span class="sales">651人购买</span>
                    </p>
                    <a href="#" class="item-more">
                        <p class="similar">查找相似</p>
                    </a>
                </div>
                <div class="item">
                    <a href="#" class="hotsale-item">
                        <div class="img-wrapper">
                            <img src="upload/11111.webp" alt="">
                        </div>
                        <h4>正品迪士尼米奇苏格兰风格双层饭盒可微波炉加热大容量便当盒 2L</h4>
                    </a>
                    <p class="info">
                        <span class="marks hotsale-hide"></span>
                        <span class="price"><em>¥</em>9.9</span>
                        <span class="sales">651人购买</span>
                    </p>
                    <a href="#" class="item-more">
                        <p class="similar">查找相似</p>
                    </a>
                </div>
                <div class="item">
                    <a href="#" class="hotsale-item">
                        <div class="img-wrapper">
                            <img src="upload/11111.webp" alt="">
                        </div>
                        <h4>正品迪士尼米奇苏格兰风格双层饭盒可微波炉加热大容量便当盒 2L</h4>
                    </a>
                    <p class="info">
                        <span class="marks hotsale-hide"></span>
                        <span class="price"><em>¥</em>9.9</span>
                        <span class="sales">651人购买</span>
                    </p>
                    <a href="#" class="item-more">
                        <p class="similar">查找相似</p>
                    </a>
                </div>
                <div class="item">
                    <a href="#" class="hotsale-item">
                        <div class="img-wrapper">
                            <img src="upload/11111.webp" alt="">
                        </div>
                        <h4>正品迪士尼米奇苏格兰风格双层饭盒可微波炉加热大容量便当盒 2L</h4>
                    </a>
                    <p class="info">
                        <span class="marks hotsale-hide"></span>
                        <span class="price"><em>¥</em>9.9</span>
                        <span class="sales">651人购买</span>
                    </p>
                    <a href="#" class="item-more">
                        <p class="similar">查找相似</p>
                    </a>
                </div>
                <div class="item">
                    <a href="#" class="hotsale-item">
                        <div class="img-wrapper">
                            <img src="upload/11111.webp" alt="">
                        </div>
                        <h4>正品迪士尼米奇苏格兰风格双层饭盒可微波炉加热大容量便当盒 2L</h4>
                    </a>
                    <p class="info">
                        <span class="marks hotsale-hide"></span>
                        <span class="price"><em>¥</em>9.9</span>
                        <span class="sales">651人购买</span>
                    </p>
                    <a href="#" class="item-more">
                        <p class="similar">查找相似</p>
                    </a>
                </div>
                <div class="item">
                    <a href="#" class="hotsale-item">
                        <div class="img-wrapper">
                            <img src="upload/11111.webp" alt="">
                        </div>
                        <h4>正品迪士尼米奇苏格兰风格双层饭盒可微波炉加热大容量便当盒 2L</h4>
                    </a>
                    <p class="info">
                        <span class="marks hotsale-hide"></span>
                        <span class="price"><em>¥</em>9.9</span>
                        <span class="sales">651人购买</span>
                    </p>
                    <a href="#" class="item-more">
                        <p class="similar">查找相似</p>
                    </a>
                </div>
                <div class="item">
                    <a href="#" class="hotsale-item">
                        <div class="img-wrapper">
                            <img src="upload/11111.webp" alt="">
                        </div>
                        <h4>正品迪士尼米奇苏格兰风格双层饭盒可微波炉加热大容量便当盒 2L</h4>
                    </a>
                    <p class="info">
                        <span class="marks hotsale-hide"></span>
                        <span class="price"><em>¥</em>9.9</span>
                        <span class="sales">651人购买</span>
                    </p>
                    <a href="#" class="item-more">
                        <p class="similar">查找相似</p>
                    </a>
                </div>
                <div class="item">
                    <a href="#" class="hotsale-item">
                        <div class="img-wrapper">
                            <img src="upload/11111.webp" alt="">
                        </div>
                        <h4>正品迪士尼米奇苏格兰风格双层饭盒可微波炉加热大容量便当盒 2L</h4>
                    </a>
                    <p class="info">
                        <span class="marks hotsale-hide"></span>
                        <span class="price"><em>¥</em>9.9</span>
                        <span class="sales">651人购买</span>
                    </p>
                    <a href="#" class="item-more">
                        <p class="similar">查找相似</p>
                    </a>
                </div>
                <div class="item">
                    <a href="#" class="hotsale-item">
                        <div class="img-wrapper">
                            <img src="upload/11111.webp" alt="">
                        </div>
                        <h4>正品迪士尼米奇苏格兰风格双层饭盒可微波炉加热大容量便当盒 2L</h4>
                    </a>
                    <p class="info">
                        <span class="marks hotsale-hide"></span>
                        <span class="price"><em>¥</em>9.9</span>
                        <span class="sales">651人购买</span>
                    </p>
                    <a href="#" class="item-more">
                        <p class="similar">查找相似</p>
                    </a>
                </div>
                <div class="item">
                    <a href="#" class="hotsale-item">
                        <div class="img-wrapper">
                            <img src="upload/11111.webp" alt="">
                        </div>
                        <h4>正品迪士尼米奇苏格兰风格双层饭盒可微波炉加热大容量便当盒 2L</h4>
                    </a>
                    <p class="info">
                        <span class="marks hotsale-hide"></span>
                        <span class="price"><em>¥</em>9.9</span>
                        <span class="sales">651人购买</span>
                    </p>
                    <a href="#" class="item-more">
                        <p class="similar">查找相似</p>
                    </a>
                </div>
            </div>
            <div class="hotsale-ft">
                <i class="hotsale-end" style="display: inline;">END</i>
            </div>
        </div>
    </div>
    <div class="w">
        <div class="tbh-helper J_Module">
            <div class="helper">
                <div class="mod">
                    <div class="mod-wrap">
                        <h4>
                            <i class="tb-ifont1 ">&#xe662;</i>
                            <span>消费者保障</span>
                        </h4>
                        <ul>

                            <li><a
                                    href="https://rule.taobao.com/detail-1690.htm?spm=a2177.7231193.0.0.623f17eayw1xeN&amp;tag=self">保障范围</a>
                            </li>

                            <li><a href="http://service.taobao.com/support/knowledge-1119776.htm">退货退款流程</a></li>

                            <li><a href="http://service.taobao.com/support/main/service_center.htm">服务中心</a></li>

                            <li><a href="http://www.taobao.com/go/act/315/xb_20100707.php">更多特色服务</a></li>

                        </ul>
                    </div>
                </div>
                <div class="mod">
                    <div class="mod-wrap">
                        <h4>
                            <i class="tb-ifont1 ">&#xe646;</i>
                            <span>新手上路</span>
                        </h4>
                        <ul>
                            <li><a href="#">新手专区</a></li>
                            <li><a href="#">消费警示</a></li>
                            <li><a href="#">交易安全</a></li>
                            <li><a href="#">24小时在线帮助</a></li>
                            <li><a href="#">免费开店</a></li>


                        </ul>
                    </div>
                </div>
                <div class="mod">
                    <div class="mod-wrap">
                        <h4>
                            <i class="tb-ifont1 ">&#xe62a;</i>
                            <span>付款方式</span>
                        </h4>
                        <ul>

                            <li><a
                                    href="https://rule.taobao.com/detail-1690.htm?spm=a2177.7231193.0.0.623f17eayw1xeN&amp;tag=self">保障范围</a>
                            </li>

                            <li><a href="http://service.taobao.com/support/knowledge-1119776.htm">退货退款流程</a></li>

                            <li><a href="http://service.taobao.com/support/main/service_center.htm">服务中心</a></li>

                            <li><a href="http://www.taobao.com/go/act/315/xb_20100707.php">更多特色服务</a></li>

                        </ul>
                    </div>
                </div>
                <div class="mod">
                    <div class="mod-wrap">
                        <h4>
                            <i class="tb-ifont1 ">&#xe600;</i>
                            <span>淘宝特色</span>
                        </h4>
                        <ul>

                            <li><a
                                    href="https://rule.taobao.com/detail-1690.htm?spm=a2177.7231193.0.0.623f17eayw1xeN&amp;tag=self">保障范围</a>
                            </li>

                            <li><a href="http://service.taobao.com/support/knowledge-1119776.htm">退货退款流程</a></li>

                            <li><a href="http://service.taobao.com/support/main/service_center.htm">服务中心</a></li>

                            <li><a href="http://www.taobao.com/go/act/315/xb_20100707.php">更多特色服务</a></li>

                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="fixedtool a-all J_FixedTool J_Module"
        style="position: absolute; top: 488.477px;display: block ;transition: none 0s ease 0s;">
        <span class="tb-ifont1 wangwang">&#xe65b;</span>
        <a href="javascript:;" class="a-all fixedtool-1 on">品质好货</a>
        <a href="javascript:;" class="a-all fixedtool-6">猜你喜欢</a>
        <a href="javascript:;" class="a-all fixedtool-7 " style="display: none;">
            <i class="tb-ifont"></i>
            顶部
        </a>
        <a href="#" class="">
            <i>反馈</i>
        </a>
        <a href="#" class="a-all fixedtool-9 ">反恐举报</a>
    </div>
    <script>
        // 打开鼠标焦点在搜索框内

        //侧边栏功能
        let fixedtool = document.querySelector('.fixedtool')
        let nav = document.querySelector('.tbh-nav')
        //被卷去的头部的大小
        let navTop = nav.offsetTop;
        //侧边框固定定位之后应该变化的数值
        let slidebarTop = fixedtool.offsetTop - 75;
        let searchTop = document.querySelector('.searchTop')
        // 返回顶部
        let goBack = document.querySelector('.fixedtool-7')
        let goods_top = document.querySelector('.tbh-discover-goods').offsetTop;
        // 变色
        let like = document.querySelector('.fixedtool-6');
        let fixedtool_1 = document.querySelector('.fixedtool-1')
        let sale_top = document.querySelector('#J_Sale').offsetTop
        let search_hd = document.querySelectorAll(".search_hd");
        //页面滚动事件
        document.addEventListener('scroll', function () {
            //顶部搜索框
            if (window.pageYOffset >= navTop) {
                searchTop.style.display = 'block'
                document.getElementById('q1').focus();


            }
            else {
                searchTop.style.display = 'none'
                document.getElementById('q').focus();
            }
            //侧边栏跟随
            if (window.pageYOffset >= slidebarTop) {
                fixedtool.style.position = 'fixed'
                fixedtool.style.top = 75 + 'px'
            }
            else {
                fixedtool.style.position = 'absolute'
                fixedtool.style.top = '488.477px'
            }
            //返回顶部
            if (window.pageYOffset >= goods_top - 54) {
                goBack.style.display = 'block';
            }
            else {
                goBack.style.display = 'none'
            }

            //变色 on 
            if (window.pageYOffset >= sale_top - 54) {
                fixedtool_1.classList.remove('on');
                like.classList.add('on')
            }
            else {
                fixedtool_1.classList.add('on');
                like.classList.remove('on')
            }


        })
        //点击返回顶部 
        goBack.addEventListener('click', function () {
            window.scrollTo({
                top: 0,
                behavior: "smooth"
            })
        })
        //点击到有好货
        let total_title_top = document.querySelector(".tbh-discover-goods").offsetTop
        console.log(total_title_top);
        fixedtool_1.addEventListener("click", function () {
            window.scrollTo({
                top: total_title_top - 54,
                behavior: "smooth"
            })
        })
        //点击到个性推荐
        let hotsale_top = document.querySelector('.tbh-hotsale').offsetTop
        like.addEventListener('click', function () {
            window.scrollTo({
                top: hotsale_top - 54,
                behavior: "smooth"
            })
        }
        )
        //tb-apps
        let apps = document.querySelector('.apps-nav').getElementsByTagName('li');
        let app_qrs = document.querySelectorAll('.app-qr');
        for (let i = 0; i < apps.length; i++) {
            apps[i].addEventListener('mouseover', function () {

                app_qrs[i].style.display = 'block';
            })
            apps[i].addEventListener('mouseout', function () {
                for (let i = 0; i < apps.length; i++) {
                    app_qrs[i].style.display = 'none';

                }
            })

        }
        //tbh-conve
        let conve_float = document.querySelectorAll('.conve-float');
        let conve_box = document.querySelector('.conve-bd-box');
        let phone = document.querySelector('.J_Conve_phone');
        let trip = document.querySelector('.J_Conve_trip');
        let baoxian = document.querySelector('.J_Conve_baoxian');

        let remove = function () {
            for (let i = 0; i < 3; i++) {
                conve_float[i].classList.remove("selected");
            }
            phone.style.display = 'none';
            trip.style.display = 'none';
            baoxian.style.display = 'none';
        }
        for (let i = 0; i < conve_float.length; i++) {
            if (i < 3) {
                conve_float[i].addEventListener('mouseover', function () {
                    remove();
                    this.setAttribute('class', 'selected')
                    conve_box.style.display = 'block';
                    switch (i) {
                        case 0:
                            phone.style.display = 'block';
                            break;
                        case 1:
                            trip.style.display = 'block';
                            break;
                        case 2:
                            baoxian.style.display = 'block';
                            break;
                    }
                })

            }

        }
        let box_close = document.querySelector('.conve-bd-box-close')
        box_close.addEventListener('click', function () {
            conve_box.style.display = 'none';
            remove()
        })
        // let tb_body = document.getElementsByTagName("body");
        // console.log(tb_body);
        // tb_body.addEventListener("click",function(){
        //     conve_box.style.display = 'none';
        //     remove()
        // })
        //tbh-notice
        let notice_hd = document.querySelector('.notice-hd');
        let mods = document.querySelectorAll('.one')
        for (let i = 0; i < notice_hd.children.length; i++) {
            notice_hd.children[i].addEventListener('mouseover', function () {
                for (let i = 0; i < mods.length; i++) {
                    mods[i].style.display = 'none'
                }
                mods[i].style.display = 'block';
            })
        }


        let service_bd = document.querySelector('.service-bd');
        let search_float = document.querySelector('.search-float');
        service_bd.addEventListener('mouseover', function () {
            search_float.style.display = 'block';

        })

        service_bd.addEventListener('mouseout', function () {
            search_float.style.display = 'none';


        })


        let lis = service_bd.getElementsByTagName('li');
        let float_items = document.querySelectorAll('.float-item');
        var groupid;

        for (let i = 0; i < lis.length; i++) {
            lis[i].setAttribute('data-groupid', i);
            lis[i].addEventListener('mouseover', function () {
                float_items[i].style.display = 'block';

            })
            lis[i].addEventListener('mouseout', function () {
                groupid = lis[i].dataset.groupid;

                for (let i = 0; i < lis.length; i++) {
                    float_items[i].style.display = 'none';


                }


            })
        }
        search_float.addEventListener('mouseover', function () {
            search_float.style.display = 'block';
            float_items[groupid].style.display = 'block';


        })
        search_float.addEventListener('mouseout', function () {
            search_float.style.display = 'none';

            for (let i = 0; i < lis.length; i++) {
                float_items[i].style.display = 'none';


            }

        })

    </script>
    <div class="tb-footer-with-logo tb-footer">
        <div class="tb-footer-hd">
            <p><span><a href="https://www.alibabagroup.com/cn/global/home"
                        rel="noopener noreferrer">阿里巴巴集团</a></span><b>|</b><span><a href="https://www.taobao.com/"
                        rel="noopener noreferrer">淘宝网</a></span><b>|</b><span><a href="https://www.tmall.com/"
                        rel="noopener noreferrer">天猫</a></span><b>|</b><span><a
                        href="https://pages.tmall.com/wow/a/act/ju/dailygroup/2199/wupr?wh_pid=daily-222239"
                        rel="noopener noreferrer">聚划算</a></span><b>|</b><span><a href="https://www.aliexpress.com/"
                        rel="noopener noreferrer">全球速卖通</a></span><b>|</b><span><a href="https://www.alibaba.com/"
                        rel="noopener noreferrer">阿里巴巴国际交易市场</a></span><b>|</b><span><a href="https://www.1688.com/"
                        rel="noopener noreferrer">1688</a></span><b>|</b><span><a
                        href="https://www.alimama.com/index.htm"
                        rel="noopener noreferrer">阿里妈妈</a></span><b>|</b><span><a href="https://www.fliggy.com/"
                        rel="noopener noreferrer">飞猪</a></span><b>|</b><span><a href="https://taoxiaopu.taobao.com/"
                        rel="noopener noreferrer">淘小铺</a></span><b>|</b><span><a href="https://www.aliyun.com/"
                        rel="noopener noreferrer">阿里云计算</a></span><b>|</b><span><a href="https://www.alios.cn/"
                        rel="noopener noreferrer">AliOS</a></span><b>|</b><span><a href="https://aliqin.tmall.com/"
                        rel="noopener noreferrer">阿里通信</a></span><b>|</b><span><a href="https://www.etao.com/"
                        rel="noopener noreferrer">一淘</a></span><b>|</b><span><a href="https://wanwang.aliyun.com/"
                        rel="noopener noreferrer">万网</a></span><b>|</b><span><a href="https://mobile.amap.com/"
                        rel="noopener noreferrer">高德</a></span><b>|</b><span><a href="https://www.uc.cn/"
                        rel="noopener noreferrer">UC</a></span><b>|</b><span><a href="https://www.umeng.com/"
                        rel="noopener noreferrer">友盟</a></span><b>|</b><span><a
                        href="https://s.alibaba.com/?scene=clinks" rel="noopener noreferrer">阿里安全</a></span><br><span><a
                        href="https://www.damai.cn/" rel="noopener noreferrer">大麦网</a></span><b>|</b><span><a
                        href="https://www.dingtalk.com/?lwfrom=20150130160830727"
                        rel="noopener noreferrer">钉钉</a></span><b>|</b><span><a href="https://www.alipay.com"
                        rel="noopener noreferrer">支付宝</a></span><b>|</b><span><a href="https://www.youku.com/"
                        rel="noopener noreferrer">优酷</a></span><b>|</b><span><a href="https://www.tudou.com/"
                        rel="noopener noreferrer">土豆</a></span><b>|</b><span><a href="https://www.alihealth.cn/"
                        rel="noopener noreferrer">阿里健康</a></span><b>|</b><span><a
                        href="http://www.alibabapictures.com/simp/0-home.html"
                        rel="noopener noreferrer">阿里影业</a></span><b>|</b><span><a href="https://www.mybank.cn/"
                        rel="noopener noreferrer">网商银行</a></span></p>
        </div>
        <div class="tb-footer-bd">
            <p>
                <span><a href="https://huodong.taobao.com/wow/tbhome/act/about-home"
                        rel="noopener noreferrer">关于淘宝</a></span><span><a href="https://pro.taobao.com/index.htm"
                        rel="noopener noreferrer">营销中心</a></span><span><a href="https://jubao.alibaba.com/?site=taobao"
                        rel="noopener noreferrer">廉正举报</a></span><span><a href="https://consumerservice.taobao.com/"
                        rel="noopener noreferrer">联系客服</a></span><span><a href="https://open.taobao.com/"
                        rel="noopener noreferrer">开放平台</a></span><span><a href="https://talent.alibaba.com/"
                        rel="noopener noreferrer">诚征英才</a></span><span><a
                        href="https://consumerservice.taobao.com/contact-us"
                        rel="noopener noreferrer">联系我们</a></span><span><a
                        href="https://terms.alicdn.com/legal-agreement/terms/suit_bu1_taobao/suit_bu1_taobao201703241622_61002.html"
                        rel="noopener noreferrer">隐私权政策</a></span><span><a
                        href="https://terms.alicdn.com/legal-agreement/terms/suit_bu1_taobao/suit_bu1_taobao201811121436_80276.html"
                        rel="noopener noreferrer">法律声明</a></span><span><a href="https://ipp.alibabagroup.com/"
                        rel="noopener noreferrer">知识产权</a></span><span><a
                        href="https://terms.alicdn.com/legal-agreement/terms/suit_bu1_taobao/suit_bu1_taobao202105131215_57739.html"
                        rel="noopener noreferrer">不当竞争举报</a></span><span><a
                        href="https://rule.taobao.com/rulecycle.htm?spm=a2177.7231205.1998145763.7.5a5317eaNcM6I9"
                        rel="noopener noreferrer">规则意见征集</a></span>
                <b>|</b> <em>© 2003-现在 Taobao.com 版权所有</em>
            </p>
            <p><span><a href="https://beian.miit.gov.cn"
                        rel="noopener noreferrer">增值电信业务经营许可证：浙B2-20080224</a></span><b>|</b><span><a
                        href="https://beian.miit.gov.cn" rel="noopener noreferrer">增值电信业务经营许可证（跨地区）：
                        B2-20150210</a></span><b>|</b><span><a
                        href="http://sq.ccm.gov.cn/ccnt/sczr/service/business/emark/toDetail/2E7819FC84674D5980464916C24B7E3E"
                        rel="noopener noreferrer">浙网文（2019）1033-086号</a></span><b>|</b><span>浙江省网络食品销售第三方平台提供者备案：浙网食A33010001</span>
            </p>
            <p><span>互联网药品信息服务资格证书（浙）-经营性-2018-0010</span><b>|</b><span>短消息类服务接入代码使用证书：号【2016】00154-A01</span><b>|</b><span>信息网络传播视听许可证：1109364号</span><b>|</b><span>出版物网络交易平台服务经营备案号：新出发浙备字第002号</span>
            </p>
            <p><span>
                    <a target="_blank"
                        href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010002000078"
                        rel="noopener noreferrer">
                        <span class="tb-footer-mod"
                            style="background-position:-861px 0px; width:20px; height: 20px; "></span>
                        浙公网安备 33010002000078号
                    </a></span><b>|</b><span><a href="http://beian.miit.gov.cn/"
                        rel="noopener noreferrer">浙B2-20080224-1</a></span><b>|</b><span>广播电视节目制作经营许可证（浙）字第01012号</span><b>|</b><span>市场名称登记证：工商网市字3301004120号</span><b>|</b><span>医疗器械网络交易服务第三方平台备案：（浙）网械平台备字[2018]第00004号</span>
            </p>
        </div>
        <div class="tb-footer-ft">
            <span>
                <a target="_blank"
                    href="http://idinfo.zjamr.zj.gov.cn//bscx.do?method=lzxx&amp;id=3301843301002003002431"
                    class="tb-footer-mod" rel="noopener noreferrer" style="background-position:0px 0px; width:30px;  ">
                </a></span><span>
                <a target="_blank" href="#" class="tb-footer-mod" rel="noopener noreferrer"
                    style="background-position:-80px 0px; width:50px;  ">
                </a></span><span>
                <a target="_blank"
                    href="https://ss.knet.cn/verifyseal.dll?spm=1.7274553.1997523009.31.alN7ce&amp;&amp;sn=2010062300100001357&amp;pa=20100701"
                    class="tb-footer-mod" rel="noopener noreferrer"
                    style="background-position:-140px 0px; width:83px;  ">
                </a></span><span>
                <a target="_blank" href="https://www.12377.cn/" class="tb-footer-mod" rel="noopener noreferrer"
                    style="background-position:0px -18px; width:250px;  background-image: url(//img.alicdn.com/tfs/TB1N7kwRVXXXXbAapXXXXXXXXXX-500-127.png_250x250);">
                </a></span><span>
                <a target="_blank" href="http://www.12377.cn/node_548446.htm" class="tb-footer-mod"
                    rel="noopener noreferrer" style="background-position:-650px 0px; width:105px;  ">
                </a></span><span>
                <a target="_blank"
                    href="http://sq.ccm.gov.cn/ccnt/sczr/service/business/emark/toDetail/2E7819FC84674D5980464916C24B7E3E"
                    class="tb-footer-mod" rel="noopener noreferrer"
                    style="background-position:-345px 0px; width:82px;  ">
                </a></span><span>
                <a target="_blank" href="https://credit.szfw.org/CX20160715023573390688.html" class="tb-footer-mod"
                    rel="noopener noreferrer" style="background-position:-761px 0px; width:97px;  ">
                </a></span><span>
                <a target="_blank" href="https://jbts.mct.gov.cn/" class="tb-footer-mod" rel="noopener noreferrer"
                    style="background-position:-884px 0px; width:249px;  ">
                </a></span><span>
                <a target="_blank" href="http://www.shdf.gov.cn/shdf/channels/740.html" class="tb-footer-mod"
                    rel="noopener noreferrer"
                    style="background-position:0px 0px; width:249px;  background-image: url(//img.alicdn.com/tfs/TB1SKn6MAY2gK0jSZFgXXc5OFXa-249-40.jpg);">
                </a></span>
        </div>
    </div>
</body>

</html>